title: Firefox overriding style of html select option
body: <p>Ok, so this has been annoying me now for some time and I can not figure out what is causing this. I am wondering if anyone else is having this issue or noticed this.</p>
  
  <p>In my css I have the html select options styled to look similar to this</p>
  
  <p><a href="https://i.stack.imgur.com/DM11B.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/DM11B.jpg" alt="firefox select option styled"></a></p>
  
  <p>On some computers it looks like how I've styled it and on some it appears something is overriding the style and then it looks like this</p>
  
  <p><a href="https://i.stack.imgur.com/ssyGR.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/ssyGR.jpg" alt="firefox select option style overriden"></a></p>
  
  <p>Some facts so far to help determine what is causing this.
  All the computers I've tested are running windows 7.
  My main pc that has numerous programs installed doe not have this issue.
  My laptop has this issue.
  My small pc that has a clean install with very few programs has this issue, also does not have any adobe products installed.
  On the PC's with the issue, if I do a refresh in firefox the issue is fixed for about 5-10 min and then comes back.</p>
  
  <p>If this were a CSS issue why would refreshing firefox temporarily fix and then later come back?</p>
  
  <p>This leads me to think that some background plugin or setting is getting fetched after a refresh.</p>
  
  <p>Could this be some other application on windows causing this?</p>
  
  <p>Can someone tell me if they can reproduce this issue and also how to fix this and what is causing it?</p>
  
  <p>Here is my CSS</p>
  
  <pre><code>SELECT {
      color: #555558;
      font-size: 16px;
      margin: 0px 0px 8px 12px;
      padding: 2px 0px 2px 5px;
      width: 203px;
  }
  </code></pre>
  
  <p>html</p>
  
  <pre><code>&lt;select&gt;
  &lt;option&gt; - Select a Page - &lt;/option&gt;
  &lt;option&gt;Home Page&lt;/option&gt;
  &lt;option&gt;About Us&lt;/option&gt;
  &lt;option&gt;Camping Tips&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>I posted several months ago regarding this issue however now the issue is not related to the version of firefox or CSS so the answers provided are misguided. <a href="https://stackoverflow.com/questions/39419651/did-firefox-48-remove-ability-to-style-the-select-element">Did Firefox 48 remove ability to style the select element?</a></p>
  
  <p>Here is a list of plugins, as stated above, default installation produces this issue.
  <a href="https://i.stack.imgur.com/4uiY2.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/4uiY2.jpg" alt="enter image description here"></a></p>