A select is a part of form and it is a user interface element allows users to select one or more options from a list of choices. When the multiple attribute is not present, the select element appears as a dropdown menu, allowing users to choose only one option at a time.

Using our class ".null-form-select" , you will get a simple and clean design.

<select class="null-form-select">
     <option>Interface</option>
     <option>Element</option>
     <option>Options</option>
</select>

Add multiple attribute, to allow user to pick more than one option:

<select class="null-form-select" multiple="multiple">
     <option selected="selected">Selected Value</option>
     <option>Interface</option>
     <option>Element</option>
     <option>Options</option>
</select>

Using label:

Select Option :

<div class="null-margin-bottom-20">

     <label class="null-color-main null-font-weight-bold null-display-block null-margin-bottom-10" for="select-option"> Select Option : </label>

     <select id="select-option" class="null-form-select">
       <option>Interface</option>
       <option>Element</option>
       <option>Options</option>
     </select>

</div><!--End null-margin-bottom-20 -->