title: How to resize or apply style for the specific text in option
body: <p>I wanted to resize the the text in option, but not all the text. The following will is my code.</p>
  
  <pre><code>&lt;select&gt;
      &lt;?php foreach($dataholder as $key=&gt;$value): ?&gt;
          &lt;option value='&lt;?php echo $value; ?&gt;' &gt;&lt;?php echo $key; ?&gt; &lt;small&gt;(Max: &lt;?php echo $max[$value]; ?&gt;)&lt;/small&gt; &lt;/option&gt;
      &lt;?php endforeach; ?&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>I wanted the resize or apply style for the text that containing in the  .</p>
  
  <p><strong>Below is my original html copy from the browser.</strong></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-html lang-html prettyprint-override"><code>&lt;select class="select form-control col-md-4" id="renewal_period_flag" name="renewal_period_flag" style="width:320px !important;height:32px;"&gt;
                                                                                   &lt;option value="1"&gt;Weekly (Max: RM6.00)                                         &lt;/option&gt;                                                                           &lt;option value="2"&gt;Monthly (Max: RM6.00)                                           &lt;/option&gt;
  
  &lt;/select&gt;</code></pre>
  </div>
  </div>
  </p>