Form: Select

<div class="mb-6">
    <label for="select" class="block font-bold">Select box label</label>
    <select id="select" name="select" class="mt-3 block w-full rounded pl-5 pr-12 py-3 border-dark/40 focus:outline-none focus:ring-0 focus:shadow-lg focus:border-blue">
        <option>United States</option>
        <option selected>Canada</option>
        <option>Mexico</option>
    </select>
</div>

<div class="mb-6">
    <label for="select" class="block font-bold">Select box label</label>
    <select id="select" name="select" class="mt-3 block w-full rounded pl-5 pr-12 py-3 border-red-500 focus:outline-none focus:ring-0 focus:shadow-lg focus:border-red-500">
        <option>United States</option>
        <option selected>Canada</option>
        <option>Mexico</option>
    </select>
    <p class="mt-2 text-sm text-red-600" id="email-error">Error message</p>
</div>