42 lines
1.2 KiB
HTML
42 lines
1.2 KiB
HTML
<!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 <textarea> 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>
|