2007-12-20 19:36:38 -08:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<style>
|
2010-01-08 19:55:40 -08:00
|
|
|
option {color: green}
|
2007-12-20 19:36:38 -08:00
|
|
|
option[selected]:disabled ~ option:not([disabled]):not(:disabled) {color: red}
|
|
|
|
|
</style>
|
|
|
|
|
</head>
|
|
|
|
|
<body onload='var e1 = document.getElementById("one");
|
|
|
|
|
e1.parentNode.removeChild(e1);
|
|
|
|
|
document.getElementById("zero").setAttribute("selected", "true");'>
|
|
|
|
|
<select size="4" id="selection">
|
|
|
|
|
<option id="zero">Should be no red</option>
|
|
|
|
|
<option id="one" selected="true" disabled="disabled">Should be no red</option>
|
|
|
|
|
<option id="two">Should be no red</option>
|
|
|
|
|
<option id="three">Should be no red</option>
|
|
|
|
|
</select>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
