title: how to remove blue highlight on hover in select, option inputs html for chrome
body: <p>Almost 2 hours I've been trying to find out how to remove the blue highlight on hover in select, option inputs in HTML with CSS for chrome. how do we do this? here is a photo for better understanding.</p>
  
  <p><strong>Photo that represents my problem</strong></p>
  
  <p><img src="https://i.stack.imgur.com/TmhN0.jpg" alt="Photo that represents my problem"></p>
  
  <p>here is my code if anyone is interested in helping me particularly </p>
  
  <p>index.html :</p>
  
  <pre><code>  &lt;div style="margin-left:43px;" class="solutin_finder"&gt;
    &lt;select id="genre" onChange="return selectOption();" class="price1"&gt;
      &lt;option value="all" class="val"&gt;price range&lt;/option&gt;
      &lt;option value="35" class="val"&gt;0$-35$&lt;/option&gt;
      &lt;option value="36" class="val"&gt;36$ and over&lt;/option&gt;
    &lt;/select&gt;
    &lt;/div&gt; 
  </code></pre>