Задать вопрос
bugo_aneo
@bugo_aneo
Верстальщик по жизни, буддист, кофеман
html

Как стилизовать select?

Есть несколько селектов, которые надо стилизовать. Это не проблема, CSS пашет.

Надо реализовать "заголовок" селекта. Т.е., если у нас какие-то категории, то первым надо сделать текст "Выбрать категории", задать фонту цвет, и бэкграунд, предположим:

f18f2baaf6144582bef535e2094becac.jpg - дизайн.
При этом у option стили должны быть свои.

Как это сделать? JS - не хочу, т.к. это ни разу не выход. Если есть способ хотя бы стилизовать заголовок - будет здорово.

код: https://codepen.io/emelyanova/pen/ZKNeXd
  • Вопрос задан
  • 294 просмотра
Комментировать
Подписаться 1 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Академия Эдюсон
    Frontend-разработчик + ИИ
    9 месяцев
    Далее
  • Нетология
    Веб-разработчик с нуля: профессия с выбором специализации
    14 месяцев
    Далее
  • ProductStar × РБК
    Профессия: Инженер по тестированию + ИИ
    6 месяцев
    Далее
Решения вопроса 1
iiiBird
@iiiBird Куратор тега CSS
Пока ты спишь - твой конкурент совершенствуется
либо готовые плагины типа https://silviomoreto.github.io/bootstrap-select/ex...
либо самому на основе готового select выстроить его копию из дивов.

а все потому что select такой элемент, стили дропдауна которого идут не из браузера, а из ОС. и поэтому повлиять на них из браузера не представляется возможным.
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ответы на вопрос 1
@m_pchelnikov
Использовал .select2() под jQuery для такой задачи
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы