<!DOCTYPE html>
<html>
  <head>
    <style>
      option {color: red}
      option:disabled {color: green}
      option[disabled]:not(:enabled) + option {color: green}
      option:not([disabled]):enabled + option {color: red}
    </style>
  </head>
  <body onload='var elem = document.getElementById("one");
                elem.setAttribute("disabled", "disabled");'>
    <select size="2">
      <option id="one">Should be no red</option>
      <option id="two">Should be no red</option>
    </select>
  </body>
</html>