Customisable <select> in CSS

Opting the native `<select>` into a fully styleable mode with `appearance: base-select`, `::picker(select)` and `<selectedcontent>`, without losing its built-in behaviour.

Content tagged customizable-select

• Tutorial:Styling a <select> Dropdown with CSS appearance: base-select

  Style a real select's dropdown, options and arrow.

  appearance: base-select opts a native <select> into a fully styleable mode — rich HTML in options, <selectedcontent> in the closed button, and ::picker(select), ::picker-icon and ::checkmark for the dropdown, arrow and tick — while keeping its keyboard support, accessibility and form behaviour, with a plain select as the fallback.