title: CSS Font-Family Support Dropped for <SELECT> in Firefox?
body: <p>The following CSS used to work in all browsers that I have tested. It even has an option selector to handle Firefox.</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>select,
  option {
    font-family: "Lucida Console", Monaco, monospace;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;select&gt;
    &lt;option&gt;PN-2345&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;The first element&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;Hardware&lt;/option&gt;
    &lt;option&gt;Pn-1332-CFG&amp;nbsp;&amp;nbsp;Second thing&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;Powdercoat&lt;/option&gt;
  &lt;/select&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>The newest versions of Firefox no longer properly apply font family styles.
  Former versions of Firefox, and every other major browser I've tested, fully apply the font family settings both to the select and to the items in the dropdown - now, it only gets applied to the select box itself, but NOT the dropdown.</p>
  
  <p><a href="https://i.stack.imgur.com/03J22.png" rel="noreferrer"><img src="https://i.stack.imgur.com/03J22.png" alt="Select box with partial support for the font (here shown in Impact). Note the items are not showing the proper font."></a></p>
  
  <p>Does Firefox still support font-family changes to dropdowns? If so, how?</p>