зеркало из https://github.com/mozilla/pjs.git
27 строки
962 B
HTML
27 строки
962 B
HTML
|
<!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>
|