<select> niestandardowy

Nagłówek i stopka przyjmą stałą pozycję poprzez atrybut data-position="fixed"

    <form>
      <label for="select-native-1">Basic:</label>
      <select name="select-native-1" id="select-native-1" data-native-menu="false">
       <option value="1">Option 1</option>
       <option value="2">Option 2</option>
       <option value="3">Option 3</option>
      </select>
        <label for="select-native-2">Mini sized:</label>
      <select name="select-native-2" id="select-native-2" data-mini="true" data-native-menu="false">
       <option value="1">Option 1</option>
       <option value="2">Option 2</option>
       <option value="3">Option 3</option>
      </select>
         <label for="select-native-3">Icon left:</label>
      <select name="select-native-3" id="select-native-3" data-iconpos="left" data-native-menu="false">
       <option value="1">Option 1</option>
       <option value="2">Option 2</option>
       <option value="3">Option 3</option>
      </select>
      <label for="select-native-4">Options group:</label>
      <select name="select-native-4" id="select-native-4" data-native-menu="false">
       <option>Choose...</option>
       <optgroup label="Group 1">
         <option value="1">Option 1</option>
         <option value="2">Option 2</option>
         <option value="3">Option 3</option>
       </optgroup>
       <optgroup label="Group 2">
         <option value="4">Option 4</option>
         <option value="5">Option 5</option>
         <option value="6">Option 6</option>
       </optgroup>
      </select>
    </form>