Styling a real - not a fake div-based dropdown built with JavaScript and a pile of ARIA attributes - used to be impossible. The new customizable select spec (appearance: base-select, a + as the select's first child, and the ::picker(select)/::picker-icon pseudo-elements) finally allows full CSS control while keeping native keyboard navigation, form submission and accessibility for free. Each can hold rich markup (here, a colored dot next to the label), and automatically mirrors the selected option into the closed button - zero JavaScript. This is still a very new, Chromium-only experimental feature; an @supports not (appearance: base-select) fallback note is included, and on unsupported browsers the element quietly renders as a normal, fully functional native .
Views: 232
2026
