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