315920-28a.html (864B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <style> 5 optgroup {color: red} 6 option {color: red} 7 optgroup[disabled]:disabled {color: green} 8 optgroup[disabled]:disabled + optgroup:not([disabled]):not(:disabled) {color: blue} 9 optgroup[disabled]:disabled > option{color: green} 10 optgroup:not([disabled]):not(:disabled) > option {color: blue} 11 </style> 12 </head> 13 <body onload='document.getElementById("ogone").setAttribute("disabled", "disabled");'> 14 <select size="7"> 15 <optgroup id="ogone" label="opt group 1"> 16 <option id="one">Should be no red</option> 17 <option id="two">Should be no red</option> 18 </optgroup> 19 <optgroup id="ogtwo" label="opt group 2"> 20 <option id=three>Should be no red</option> 21 <option id=four>Should be no red</option> 22 </optgroup> 23 </select> 24 </body> 25 </html>