mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-11-01 14:45:29 +00:00
25 lines
912 B
HTML
25 lines
912 B
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<style>
|
||
|
|
input ~ label {color: red}
|
||
|
|
input[checked]:checked ~ label {color: green}
|
||
|
|
input[checked]:checked:not(:default) + label {color: red}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body onload='var e1 = document.getElementById("one");
|
||
|
|
var l1 = document.getElementById("l1");
|
||
|
|
e1.parentNode.removeChild(e1);
|
||
|
|
l1.parentNode.removeChild(l1);
|
||
|
|
document.getElementById("two").setAttribute("checked", "true");'>
|
||
|
|
<form>
|
||
|
|
<input type="radio" name="group1" id="one" value="1" default="true" checked/>
|
||
|
|
<label id="l1" for="one">Should be no red</label><br>
|
||
|
|
<input type="radio" name="group1" id="two" value="2"/>
|
||
|
|
<label for="two">Should be no red</label>
|
||
|
|
<input type="radio" name="group1" id="three" value="3"/>
|
||
|
|
<label for="three">Should be no red</label>
|
||
|
|
</form>
|
||
|
|
</body>
|
||
|
|
</html>
|