1

Есть select, и мне необходимо задать стили его option. Как это сделать? Что ба на mac тоже работало, как пример что бы option были с background black?

1
  • 2
    Никак, внешний вид option почти не контролируется
    – andreymal
    20 июн 2020 в 15:06

1 ответ 1

2

Стандартным Select-Option никак. Делаешь HTML разметку, один div стилизуешь под внешний вид закрытого select, второй div - раскрытого. Внутри второго div создаешь подпункты (тоже div, или ul li на твой выбор), стилизуешь их как душе угодно. Далее при помощи JavaScript пишешь функцию, которая при клике на div имитирующий закрытый select показывает div с элементами, а при повторном клике на него же - скрывает. А для клика на любой элемент тоже пишешь функцию, которая скрывает div с элементами, и меняет текст внутри div имитирующего закрытый select на текст выбранного элемента.

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

<noscript> </noscript>

Разместить обычный select.

Это только кажется сложным и страшным. Руководство к действию есть, вперед и с песней! Гораздо лучше поймешь и лучше усвоится, когда сам разберешься и сделаешь, чем если скопируешь и вставишь готовый код. Желаю удачи!

1
  • Спасибо большое, думаю поможет.
    – PRO CODE
    20 июн 2020 в 19:48

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.