| <html> |
| <head> |
| <title>required/optional CSS pseudoclasses part 5</title> |
| <script src="../../resources/js-test.js"></script> |
| <style> |
| input:optional { background: lime; } |
| input { background: red; } |
| input:required { background: red; } |
| </style> |
| </head> |
| <body> |
| <input id="range" type="range" required/> |
| <input id="submit" type="submit" required/> |
| <input id="image" type="image" required/> |
| <input id="reset" type="reset" required/> |
| <input id="button" type="button" required/> |
| <script language="JavaScript" type="text/javascript"> |
| function isOptional(id) { |
| return document.defaultView.getComputedStyle(document.getElementById(id), null).getPropertyValue('background-color') == "rgb(0, 255, 0)" |
| } |
| description('This test checks the CSS pseudoclasses for input types.'); |
| shouldBeTrue('isOptional("range")'); |
| shouldBeTrue('isOptional("submit")'); |
| shouldBeTrue('isOptional("image")'); |
| shouldBeTrue('isOptional("reset")'); |
| shouldBeTrue('isOptional("button")'); |
| </script> |
| </body> |
| </html> |
