315920-15.html (921B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <style> 5 input ~ label {color: red} 6 input[checked]:checked ~ label {color: green} 7 input[checked]:checked:not(:default) + label {color: red} 8 </style> 9 </head> 10 <body onload='var e1 = document.getElementById("one"); 11 var l1 = document.getElementById("l1"); 12 e1.parentNode.removeChild(e1); 13 l1.parentNode.removeChild(l1); 14 document.getElementById("two").setAttribute("checked", "true");'> 15 <form> 16 <input type="checkbox" name="group1" id="one" value="1" default="true" checked/> 17 <label id="l1" for="one">Should be no red</label><br> 18 <input type="checkbox" name="group1" id="two" value="2"/> 19 <label for="two">Should be no red</label> 20 <input type="checkbox" name="group1" id="three" value="3"/> 21 <label for="three">Should be no red</label> 22 </form> 23 </body> 24 </html>