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