| <!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> |
