Как задать стили для selected ?
Хочу изменить цвет для выбранного параметра из списка
<select name="tax_god"> <option value="">Все года</option> <option value="2017">2017</option> <option selected="" value="2016">2016</option> <option value="2015">2015</option> <option value="2014">2014</option> </select>
То есть сейчас выбран 2016 год. selected="" выводится, при обновлении страницы параметр запоминается выбранный год сохраняется в списке, но можно ли изменить цвет только для выбранного года из списка? Хотелось бы чтобы выбранные параметры выделялись на фоне остальных.
Можно использовать плагин для кастомизации select, к примеру select2.js или selectize.js. Они по сути скрывают select, а вместо него создают div к которому уже можно применять стили.
Когда-то мне нужно было стилизовать не только активный пункт у селекта, а еще и скроллбар в выпадающем списке, плюс нужно было чтобы выпадающий список всегда был поверх любых элементов страницы.
Готового плагина под это дело не нашел, поэтому пришлось писать самому.
Вот что получилось: http://smat.pp.ua/smatSelect/
Для стилизации скроллбара у селекта сначала использовал плагин mCustomScrollbar, а потом (уже не помню почему) перешел на jQuery Scrollbar
Так как писал для себя, то документацией не заморачивался, но все опции плагина можно найти в файле jquery.smatSelect.js а примеры подсмотреть в main.js
Если кому понравится - пользуйтесь на здоровье.
Архив тут.