Firefox dropdown option font-size not being rendered
<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>