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> без лишней стилизации.