title: How to change the font size of the list (not the initial view)
body: <p>I have set a custom font and background for the initial view of the dropdown list (Select a choice). The <code>font-size</code> is 20 pixels and looks great with the custom font. However when I click on the list, the options themselves do not use the custom font and look normal, except for the <code>font-size</code>, which seems to carry over. This only seems to be the case with Chrome (I've tested Safari and Firefox as well). </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>@font-face {
      font-family: 'Averia Libre';
      font-style: normal;
      font-weight: 400;
      src: local('Averia Libre Regular'), local('AveriaLibre-Regular'),
      url('http://themes.googleusercontent.com/static/fonts/averialibre/v1/rYVgHZZQICWnhjguGsBspHhCUOGz7vYGh680lGh-uXM.woff') format('woff');
  }
  select {
      font-size: 20px;
      font-family: 'Averia Libre', cursive;
      background: url(http://www.greenriverworks.com/elements/borders/green_button_background_over.jpg) repeat-x;
      width: 400px;
      font-family: 'Averia Libre';
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link href='http://fonts.googleapis.com/css?family=Averia+Libre' rel='stylesheet' type='text/css'&gt;
  &lt;select&gt;
      &lt;option value=""&gt;I'm a custom font.&lt;/option&gt;
      &lt;option value=""&gt;Hey me too!&lt;/option&gt;
      &lt;option value=""&gt;Averia Libre&lt;/option&gt;
  &lt;/select&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I tried creating a separate class for the options themselves, but that did not seem to have any effect.</p>
  
  <p>To illustrate further, here's a <a href="http://jsfiddle.net/bumpy009/wpHKe/7" rel="nofollow noreferrer">JSFiddle</a>.</p>
  
  <p>Chrome:</p>
  
  <p><img src="https://i.stack.imgur.com/lJF0z.png" alt="enter image description here"></p>
  
  <p>Firefox:</p>
  
  <p><img src="https://i.stack.imgur.com/h8lY3.png" alt="enter image description here"></p>