blob: 64487000123116bb3edfdead4c3b0385cfa1395a (
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>
optgroup {color: red}
option {color: red}
optgroup[disabled]:disabled {color: green}
optgroup[disabled]:disabled + optgroup:not([disabled]):not(:disabled) {color: blue}
optgroup[disabled]:disabled > option{color: green}
optgroup:not([disabled]):not(:disabled) > option {color: blue}
</style>
</head>
<body onload='document.getElementById("ogtwo").removeAttribute("disabled");
document.getElementById("ogone").setAttribute("disabled", "disabled");'>
<select size="7">
<optgroup id="ogone" label="opt group 1">
<option id="one">Should be no red</option>
<option id="two">Should be no red</option>
</optgroup>
<optgroup id="ogtwo" label="opt group 2" disabled="disabled">
<option id=three>Should be no red</option>
<option id=four>Should be no red</option>
</optgroup>
</select>
</body>
</html>
|
