Как стилизовать option на js?

Question

[artekha]

Нужно стилизовать option-ы select-a нативным js. Сам select я с помощью css стилизовал, теперь нужно option на js, без библиотек. Как это делается?
Вот кодпен: codepen.io/anon/pen/PGLRGL

Answer 1

[iBird Rose]

никак. ты думаешь просто так все плагины кастомных селектов создают свой селект на div'ах

Comments

[artekha]

я в курсе, сейчас задачи кастомизировать именно option

[iBird Rose]

artekha: я ответил на твой вопрос - никак. ты понимаешь что option вообще не из DOM дерева? он создается через ОС. не сможешь ты никак его стилизовать.

[artekha]

Я понимаю, а ты не знаешь как реализованы плагины, которые перерисовывают из option все в кастомный список? Перерисовать я смогу, я не знаю как отключить дэфолтное появление списка option-ов при клике на select

[iBird Rose]

artekha: они реализованы так что они выстраивают вообще новый селект через див. тобишь и сам select. и сам option. а сам оригинальный селект вообще скрываешь через display: none;

[iBird Rose]

artekha: вот для примера. весь селект выстроен через div'ы. а оригинальный select внизу и он безразмерный и opacity: 0; https://silviomoreto.github.io/bootstrap-select/ex...

Answer 2

[Александр Манаков]

Либо я чего то не понимаю, либо просто в css добавляешь:

ul.select-list li {
  color: red;
}

Comments

[Иван Доброславин]

да, ты не понимаешь, не про то речь.