A native <select> with appearance: none and the chevron
painted as a background image. The product does not build a custom listbox for simple choices.
Select
Specs
| Property | Value |
|---|
| Base | The text field — 9px 12px, radius 10px, 13px |
| Appearance | none · cursor: pointer |
| Right padding | 32px, to clear the chevron |
| Chevron | 12×12 inline SVG data URI, stroke #9CA3AF, stroke-width 2 |
| Position | right 12px center, no-repeat |
| When the choice needs search or multi-select the product uses a dropdown button and a menu panel, not a styled select. See Dropdown. |
