title: How to style selected option color separately from disabled option
body: <p>I have a HTML dropdown select menu with first option is disabled. I would like to show that default disabled option in gray color, but once I selected another value, I would like this appear as blue. How can I achieve this ?</p>
  
  <p><img src="https://i.stack.imgur.com/780ZN.jpg" alt="enter image description here"></p>
  
  <p>I managed to get the selected option appear as gray, and the selectable options to appear as blue in the list. But both disabled and not disables options will appear as gray anyway once they are selected :</p>
  
  <pre><code>select:not(:checked) {
    color: gray;
  }
  select option:not(:disabled){
    color: #000098;
  }
  </code></pre>