Цифровой сад — общедоступная персональная база знаний

Семена /

2024-06-10 1533 как стилизовать option и optgroup

Ха, в 2024 году никак! Дело в том, что при помощи HTML и CSS разработчик практически никак не может влиять на отображение дочерних элементов <option> и <optgroup> для <select>, так как их отображением занимается операционная система.

Попробуйте открыть выпадающий список, например на смартфоне с Android, тогда вы лучше поймёте, что значит "отображением занимается операционная система".

Немного влиять можно, но это будет ненадёжно и зависеть от браузера, операционной системы и прочих условий.

Если всё-таки нужно стилизовать элементы списка, то разрабатывают своё решение, которое не использует <option> и <optgroup> или используют библиотеку с готовым решением, например Bootstrap Dropdowns1.


  1. https://getbootstrap.com/docs/5.2/components/dropdowns/↩︎

Входящие ссылки

Отсутствуют

Исходящие ссылки

Свежие или обновлённые заметки