|
1 <!DOCTYPE html> |
|
2 <html> |
|
3 <head> |
|
4 <style> |
|
5 span { color: green } |
|
6 :default + span { color: red } |
|
7 span.reverse { color: red } |
|
8 :default + span.reverse { color: green } |
|
9 input { display: none } |
|
10 </style> |
|
11 </head> |
|
12 <body> |
|
13 <form> |
|
14 <div> |
|
15 <input type="checkbox" checked="checked" id="foo"> |
|
16 <span>There should be no red.</span> |
|
17 </div> |
|
18 <div> |
|
19 <input checked="checked" id="bar"> |
|
20 <span class="reverse">There should be no red.</span> |
|
21 </div> |
|
22 </form> |
|
23 <script> |
|
24 var foo = document.body.offsetWidth; |
|
25 document.getElementById("foo").removeAttribute("type"); |
|
26 document.getElementById("bar").setAttribute("type", "checkbox"); |
|
27 </script> |
|
28 </body> |
|
29 </html> |