mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-11-06 09:05:45 +00:00
28 lines
999 B
HTML
28 lines
999 B
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<style>
|
||
|
|
option {color: green}
|
||
|
|
optgroup {color: red}
|
||
|
|
optgroup:disabled {color: green}
|
||
|
|
optgroup[disabled]:disabled + optgroup {color: green}
|
||
|
|
optgroup:not(:disabled) {color: red}
|
||
|
|
optgroup[disabled]:disabled > option:default {color:blue}
|
||
|
|
optgroup:disabled > option:default ~ option {color:blue}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body onload='document.getElementById("ogone").setAttribute("disabled", "disabled");
|
||
|
|
document.getElementById("one").setAttribute("selected", "selected");'>
|
||
|
|
<select size="7">
|
||
|
|
<optgroup id="ogone" label="There should be no red">
|
||
|
|
<option id="one">This should be blue</option>
|
||
|
|
<option id="two">This should be blue</option>
|
||
|
|
</optgroup>
|
||
|
|
<optgroup id="ogtwo" label="There should be no red">
|
||
|
|
<option id="three">There should be no red</option>
|
||
|
|
<option id="four">There should be no red</option>
|
||
|
|
</optgroup>
|
||
|
|
</select>
|
||
|
|
</body>
|
||
|
|
</html>
|