The native HTML select element now supports extensive CSS customization via the `appearance: base-select` property. This opts into a new customizable select model that separates the closed control from the open picker, enabling independent styling of each. New pseudo-elements like `::picker-icon`, `::checkmark`, and the `<selectedcontent>` HTML element allow full control over the dropdown arrow, selected option indicator, and displayed value. Animations and transitions can be applied to the picker icon using the `:open` pseudo-class. Browser support is currently limited to Chrome, with Firefox not yet supporting the feature.

6m watch time
83.1K Impressions8 Comments