315920-17.html (1135B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <head> 4 <style> 5 input ~ label {color: red} 6 input:not(:default):not(:checked):not([checked]) ~ label {color:red} 7 input[checked]:checked:default ~ input:not(:checked):not([checked]):not(:default) + label {color: green} 8 input:checked:default + label {color: green} 9 </style> 10 </head> 11 <body> 12 <form> 13 <input type="checkbox" name="group1" id="one" value="1"/> 14 <label for="one">Should be no red</label><br> 15 <input type="checkbox" name="group1" id="two" value="2"/> 16 <label for="two">Should be no red</label><br> 17 <input type="checkbox" name="group1" id="three" value="3"/> 18 <label for="three">Should be no red</label> 19 </form> 20 <script> 21 function doTest() { 22 document.getElementById("two").setAttribute("checked", "true"); 23 document.getElementById("one").setAttribute("checked", "checked"); 24 document.getElementById("two").removeAttribute("checked"); 25 setTimeout(function () { document.documentElement.removeAttribute("class"); }, 0); 26 } 27 window.addEventListener("MozReftestInvalidate", doTest); 28 </script> 29 </body> 30 </html>