title: Why is Firefox 57 not styling my <option> elements like other browsers?
body: <p>The new FireFox 57 Quantum does not honor my CSS dropdown selection list styling (only the default <code>&lt;select&gt;</code> value is honored). In all other browsers it works as it should. How to deal with this new version FF browser in terms of using my CSS styling for all of my select's <code>&lt;option&gt;</code>s? Chrome displays the options correctly.</p>
  
  <p>Images for how it looks in FF57 and Chrome, respectively:</p>
  
  <p><img src="https://i.stack.imgur.com/tyau2.jpg" alt="FF57"></p>
  
  <p><img src="https://i.stack.imgur.com/japIC.jpg" alt="Chrome"></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>input[type="date"], input[type="email"], input[type="number"], input[type="password"], input[type="text"], input[type="url"], option, select, textarea {
  font-size:20px;
  font-weight: 700;
  font-family: "times new roman";
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;select id="Ultra"&gt;
       &lt;option value="0"&gt;My first value looks good&lt;/option&gt;
       &lt;option value="8"&gt;text1 blalalabababalallaala&lt;/option&gt;
       &lt;option value="5"&gt;text2 oeleoeleleoeleloelele&lt;/option&gt;
       &lt;option value="77"&gt;text3 wwowowowoowoww&lt;/option&gt;
  &lt;/select&gt;</code></pre>
  </div>
  </div>
  </p>