title: How to capitalize the first letter in the select option using css
body: <p>Need to capitalize the first letter of the select box option tag.</p>
  
  <p>Here it is what tried:</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;select&gt;
    &lt;option class="selected"&gt;test1&lt;/option&gt;
    &lt;option&gt;test2&lt;/option&gt;
    &lt;option&gt;test3&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>select option.selected::first-letter{
    text-transform:capitalize;
  }
  </code></pre>