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