title: How can I change the font-size of one select box option text (select2) with css?
body: <p>I want to change the font-size of one of my select boxes. But it is not working:</p>
  
  <p><a href="http://jsfiddle.net/jEADR/3717/" rel="noreferrer">http://jsfiddle.net/jEADR/3717/</a></p>
  
  <pre><code> &lt;link href="http://cdnjs.cloudflare.com/ajax/libs/select2/3.2/select2.css" rel="stylesheet"&gt;
  &lt;script src="http://cdnjs.cloudflare.com/ajax/libs/select2/3.2/select2.min.js"&gt;&lt;/script&gt;
  
  
  
  &lt;select  id="e1" class="select2" style="width:300px"&gt;
          &lt;option value="AL"&gt;Alabama&lt;/option&gt;
          &lt;option value="Am"&gt;Amalapuram&lt;/option&gt;
          &lt;option value="An"&gt;Anakapalli&lt;/option&gt;
          &lt;option value="Ak"&gt;Akkayapalem&lt;/option&gt;
          &lt;option value="WY"&gt;Wyoming&lt;/option&gt;
      &lt;/select&gt;
  
      &lt;select  id="e2" class="select2" style="width:300px"&gt;
          &lt;option value="AL"&gt;Alabama&lt;/option&gt;
          &lt;option value="Am"&gt;Amalapuram&lt;/option&gt;
          &lt;option value="An"&gt;Anakapalli&lt;/option&gt;
          &lt;option value="Ak"&gt;Akkayapalem&lt;/option&gt;
          &lt;option value="WY"&gt;Wyoming&lt;/option&gt;
      &lt;/select&gt;
  &lt;style&gt;
      #e2 .select2-results{
        font-size:4px;
      }
  &lt;/style&gt;
  
  &lt;script&gt;
  $(".select2").select2();
  &lt;/script&gt;
  </code></pre>