Select
The native select with a masked chevron. For search-as-you-type, use the combobox.
Examples
Select
Anatomy
.select | Wrapper that draws the chevron at the end. Required: a <select> cannot draw it itself. |
> select.input | The native select, with its own arrow removed and room left for the chevron. |
API
| Attribute | Values | Description |
|---|---|---|
disabled | boolean | On the <select>: halves the opacity, as on .input. |
Accessibility
- It is a native
<select>, so role, value and keyboard come from the browser. Label it with<label for>. - The chevron ignores the pointer, so a click on it reaches the select underneath.
| Key | Effect |
|---|---|
| Space / Alt↓ | Opens the native list. |
| ↑ / ↓ | Moves through the options. Native behaviour; whether the list opens first depends on the platform. |