An HTML Select element that is actually styleable: selectmenu

Show Notes

Select menus, like literally the <select> native HTML elements, are notoriously unstyleable. In the last few years, it’s become tenable to style the *outside* of the menus, even with just CSS alone, making them sit nicely in design systems without too much trouble. But you have little to no control over an *open* select menu, that is, the options inside. Those are generally rendered by the operating system, not the browser, and thus CSS isn’t really involved.

The Open UI team has worked on a new select menu that is rendered by the browser, and thus is styleable with CSS. Working with a preview of it in Canary browsers reveals it’s tremendously easy to work with, and thus probably what we’ll all be using soon enough.

See Patrick Brosset’s work here: