title: How to change the highlight colour of the selected element in a drop down menu suing css?
body: <p>Hej,
  I made a standard drop down menu in my Laravel project, like this:</p>
  <pre><code>&lt;select class=&quot;product_select&quot; name=&quot;products&quot; id=&quot;products&quot;&gt;
                  &lt;option value=&quot;pilsner&quot;&gt;Pilsner&lt;/option&gt;
                  &lt;option value=&quot;wheat&quot;&gt;Wheat&lt;/option&gt;
                  &lt;option value=&quot;ipa&quot;&gt;IPA&lt;/option&gt;
                  &lt;option value=&quot;stout&quot;&gt;Stout&lt;/option&gt;
                  &lt;option value=&quot;ale&quot;&gt;Ale&lt;/option&gt;
                  &lt;option value=&quot;alcohol-free&quot;&gt;Alcohol Free&lt;/option&gt;
              &lt;/select&gt;
  </code></pre>
  <p>However, the standard colour for highlighting the selected element is blue.
  How can I change it to gray? Does anyone know, how can I do it with css or with JavaScript?
  <a href="https://i.stack.imgur.com/g8xfN.png" rel="nofollow noreferrer">The selected element is highlighted with blue</a></p>