appearance: none на select — кастомная стрелка без потери a11y
Скрыть нативный UI, сохранить клавиатуру и связку label + select.
`appearance: none` убирает системный рендер select/checkbox — добавьте свою стрелку через `background` и достаточный `padding-inline-end`.
Фокус-кольцо обязательно: не полагайтесь только на смену border-color.
- appearance — MDN — none, auto, base.
- Customizable select — Chrome Developers — Новый select API.
Альтернатива
Для сложных списков рассмотрите combobox по WAI-ARIA или нативный `<select>` без лишней стилизации.