OLD | NEW |
1 <html> | 1 <html> |
2 <head> | 2 <head> |
3 <title>required/optional CSS pseudoclasses part 5</title> | 3 <title>required/optional CSS pseudoclasses part 5</title> |
4 <script src="../../fast/js/resources/js-test-pre.js"></script> | 4 <script src="../../resources/js-test.js"></script> |
5 <style> | 5 <style> |
6 input:optional { background: lime; } | 6 input:optional { background: lime; } |
7 input { background: red; } | 7 input { background: red; } |
8 input:required { background: red; } | 8 input:required { background: red; } |
9 </style> | 9 </style> |
10 </head> | 10 </head> |
11 <body> | 11 <body> |
12 <input id="range" type="range" required/> | 12 <input id="range" type="range" required/> |
13 <input id="submit" type="submit" required/> | 13 <input id="submit" type="submit" required/> |
14 <input id="image" type="image" required/> | 14 <input id="image" type="image" required/> |
15 <input id="reset" type="reset" required/> | 15 <input id="reset" type="reset" required/> |
16 <input id="button" type="button" required/> | 16 <input id="button" type="button" required/> |
17 <script language="JavaScript" type="text/javascript"> | 17 <script language="JavaScript" type="text/javascript"> |
18 function isOptional(id) { | 18 function isOptional(id) { |
19 return document.defaultView.getComputedStyle(document.getElementById(id), nu
ll).getPropertyValue('background-color') == "rgb(0, 255, 0)" | 19 return document.defaultView.getComputedStyle(document.getElementById(id), nu
ll).getPropertyValue('background-color') == "rgb(0, 255, 0)" |
20 } | 20 } |
21 description('This test checks the CSS pseudoclasses for input types.'); | 21 description('This test checks the CSS pseudoclasses for input types.'); |
22 shouldBeTrue('isOptional("range")'); | 22 shouldBeTrue('isOptional("range")'); |
23 shouldBeTrue('isOptional("submit")'); | 23 shouldBeTrue('isOptional("submit")'); |
24 shouldBeTrue('isOptional("image")'); | 24 shouldBeTrue('isOptional("image")'); |
25 shouldBeTrue('isOptional("reset")'); | 25 shouldBeTrue('isOptional("reset")'); |
26 shouldBeTrue('isOptional("button")'); | 26 shouldBeTrue('isOptional("button")'); |
27 </script> | 27 </script> |
28 </body> | 28 </body> |
29 </html> | 29 </html> |
OLD | NEW |