title: Firefox dropdown option font-size not being rendered
body: <p>I need to increase the font for the <code>&lt;option&gt;</code> of a <code>&lt;select&gt;</code> list. While this works easily in Chrome, in Firefox the only thing that is being increased is the selected option. My Firefox version is 50.1.0</p>
  
  <p>Referring to <a href="https://jsfiddle.net/gtew85vk/" rel="noreferrer">this fiddle</a>, I obtain the following different results:</p>
  
  <p><strong>Firefox:</strong><a href="https://i.stack.imgur.com/v7bBw.png" rel="noreferrer"><img src="https://i.stack.imgur.com/v7bBw.png" alt="Chrome result"></a></p>
  
  <p><strong>Chrome:</strong><a href="https://i.stack.imgur.com/U0wxD.png" rel="noreferrer"><img src="https://i.stack.imgur.com/U0wxD.png" alt="Firefox result"></a></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 {
    font-size: 200%;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;select&gt;
      &lt;option value="1"&gt;One&lt;/option&gt;
      &lt;option value="2"&gt;Two&lt;/option&gt;
  &lt;/select&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I'm expecting to obtain the same behaviour of Chrome also in Firefox.</p>