title: How to change the background color of a select option on hover
body: <p>I want to change the background color of the select options on hover and i have tried the followed rules but it didn't worked either:</p>
  
  <pre><code> select option {
      color: #fff;
    }
    select option:hover {
      color: #000;
      box-shadow: inset 20px 20px #fff;
    }
  </code></pre>
  
  <p>What rules i have to apply to achieve that effect? Does JS recognize a hover in a option element? </p>