how to theme select box drupal for css framework I am making a theme using semantic ui framework in drupal. I want to apply semantic ui select box effect to my theme but i was not able to do this. Here is the link for semantic ui select box http://semantic-ui.com/collections/form.html.

They used this for markup select box.

&lt;div class="ui selection dropdown" style="display: inline-block;"&gt;
      &lt;input type="hidden" name="gender"&gt;
      &lt;div class="default text"&gt;Gender&lt;/div&gt;
      &lt;i class="dropdown icon"&gt;&lt;/i&gt;
      &lt;div class="menu ui transition hidden"&gt;
        &lt;div class="item" data-value="male"&gt;Male&lt;/div&gt;
        &lt;div class="item" data-value="female"&gt;Female&lt;/div&gt;
      &lt;/div&gt;
&lt;/div&gt;


But the standard markup for select box is:

&lt;select id="edit-date-month" name="date[month]" class="form-select"&gt;
&lt;option value="1" selected="selected"&gt;Jan&lt;/option&gt;
&lt;option value="2"&gt;Feb&lt;/option&gt;
&lt;option value="3"&gt;Mar&lt;/option&gt;
&lt;option value="4"&gt;Apr&lt;/option&gt;
&lt;/select&gt;


How can i apply semantic ui select effect to my drupal theme.
Any help would be appreciated.
You need to override theme_select(), which you can do in your theme's template.php file:

function MYTHEME_select($vars) {
  // Your code to produce the markup you need. You can find all pertinent data in $vars.
  // The original form element is at $vars['element'], so the options array is at 
  // $vars['element']['#options'].
}