<!doctype html>
<html>
<head>
<style>
textarea {
    background-color: white;
    color: black;
    float: left;
}
textarea:read-only {
    background-color: lime;
}
textarea:read-write {
    color: red;
}
</style>
</head>
<body>
    <p>Test the basic styling of &lt;textarea&gt; with the selectors :read-only and :read-write. If the test succeed, the first text area should have red text over a white background. All the following text area should have black text over green background.</p>
    <textarea>Ouch,</textarea>

    <textarea readonly>WebKit</textarea>
    <textarea readonly="">seems</textarea>
    <textarea readonly="readonly">to</textarea>

    <textarea readonly="true">be</textarea>
    <textarea readonly="false">the</textarea>
    <textarea readonly="disabled">only</textarea>

    <textarea disabled>engine</textarea>
    <textarea disabled="">testing</textarea>
    <textarea disabled="disabled">css</textarea>

    <textarea disabled="true">selectors</textarea>
    <textarea disabled="false">properly.</textarea>
    <textarea disabled="readonly">That</textarea>

    <textarea readonly disabled>is</textarea>
    <textarea readonly="" disabled="">sad.</textarea>
</body>
</html>
