How do you style search box in searchable select box?

[allw1994]

I'm trying to alter the theming of the searchable select box because the default theming does not match the theming around it.

The docs say to stick the select box in a div and apply theming to the div, but this only seems to affect the "button" part of the select box, not the dropdown.

For instance, the following code:

<div class="border rounded-md border-white focus:border-orange-600 focus:border-orange-700">
    <select data-te-select-init data-te-select-filter="true">
        <option value="1">One</option>
        <option value="2">Two</option>
        <option value="3">Three</option>
    </select>
</div>

gives the following select box with purple theming and not orange, additionally, the white border seems to be only on top of the default theming:

Any suggestions would be appreciated.

[Trochonovitz]

Hi, for customization's options check out Select's API inTailwind Elements docs. All of classes using by us are fully customizable.