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

Лупа для поиска
  • Свежачок
  • Карта сайта
  • 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/↩︎