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