title: Change <select> <option> highlight color
body: <p>I have this:</p>
  
  <pre><code>&lt;select name="idx" id="search-field_0"&gt;
      &lt;option value="kw"&gt;Keyword&lt;/option&gt;
      &lt;option value="su,wrdl"&gt;Subject&lt;/option&gt;                                        
      &lt;option value="ti"&gt;Title&lt;/option&gt;        
      &lt;option value="au,wrdl"&gt;Author&lt;/option&gt;                                                                    
      &lt;option value="pb,wrdl"&gt;Publisher&lt;/option&gt;
      &lt;option value="pl,wrdl"&gt;Publisher location&lt;/option&gt;
      &lt;option value="nb"&gt;ISBN&lt;/option&gt;                                        
      &lt;option value="bc"&gt;Barcode&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/HL8Ns.jpg" alt="enter image description here"></p>
  
  <p>I want to change its highlight background to green. How will I do this , without converting my 
   tag to any form.Any idea?</p>