appearance: none на select — кастомная стрелка без потери a11y

appearance: none убирает системный рендер select/checkbox — добавьте свою стрелку через background и достаточный padding-inline-end.

Фокус-кольцо обязательно: не полагайтесь только на смену border-color.

- [appearance — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/appearance) — none, auto, base.

- [Customizable select — Chrome Developers](https://developer.chrome.com/blog/a-customizable-select) — Новый select API.

---

## Альтернатива

Для сложных списков рассмотрите combobox по WAI-ARIA или нативный <select> без лишней стилизации.