Tailwind select

Responsive selects built with Tailwind. Customize the native select with custom CSS that changes the element’s initial appearance.


Basic

        
            
    <!-- Required form plugin -->
    <link
      href="https://cdn.jsdelivr.net/npm/@tailwindcss/custom-forms@0.2.1/dist/custom-forms.css"
      rel="stylesheet"
    />

    <label class="block text-left" style="max-width: 400px">
      <span class="text-gray-700">Select</span>
      <select class="form-select block w-full mt-1">
        <option>Option 1</option>
        <option>Option 2</option>
      </select>
    </label>