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