title: styling background of selected option
body: <p>I have this code here on jsfiddle for a select box:
  <a href="https://jsfiddle.net/v7tqumpe/1/" rel="nofollow noreferrer">https://jsfiddle.net/v7tqumpe/1/</a></p>
  
  <p>I want to be able to change the background color of a selected option. It defaults to blue, but I want to change this as well as the color of the text. After some searching, I found that the css for a selected option is option:checked. So, I tried this:</p>
  
  <pre><code>.body &gt; select &gt; option:checked { 
      background: black;
      color: red;
  }
  </code></pre>
  
  <p>But, this doesn't seem to do anything, and the background stays as blue while the color of the text stays as white. How can I change these colors?</p>
  
  <p>In addition, I want to change the background/color for when a selected option is out of focus (right now, it defaults to a gray background which is pretty ugly imo)</p>