В Chrome 135 добавлена поддержка CSS-свойства
appearance: base-select.Что это даёт:
- Позволяет стилизовать элемент
<select> без потери a11y и стандартных функций.- Изменяет парсер HTML и внутренние состояния
<select>.- Минималистичный дизайн, оптимизированный для кастомизации.
- Дропдаун с опциями отображается в верхнем слое, как
popover.- Позиционирование опций с помощью anchor().
- Теперь можно вставлять изображения, SVG и другие HTML-элементы в
<option> (в браузерах, которые это поддерживают).- Все части base-select можно заменять, стилизовать и анимировать.
- Существующие взаимодействия с
<select> остаются без изменений.Статья - https://developer.chrome.com/blog/a-customizable-select?hl=en
