Style the select element options list

[amclain]

We would like to restyle the options list for the select element away from the browser default and to a style that matches the Xebow look and feel. Tailwind claims this requires a considerable amount of JavaScript, so waiting for their library seems reasonable unless someone feels passionate about writing this custom code.

Custom select controls like this require a considerable amount of JS to implement from scratch. We're planning to build some low-level libraries to make this easier with popular frameworks like React, Vue, and even Alpine.js in the near future, but in the mean time we recommend these reference guides when building your implementation:

https://www.w3.org/TR/wai-aria-practices/#Listbox
https://www.w3.org/TR/wai-aria-practices/examples/listbox/listbox-collapsible.html

^link

Design

Figma