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