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