WordPress как на ладони
Недорогой хостинг для сайтов на WordPress: wordpress.jino.ru Платформа для конвертации и монетизации трафика

Как задать стили для 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="" выводится, при обновлении страницы параметр запоминается выбранный год сохраняется в списке, но можно ли изменить цвет только для выбранного года из списка? Хотелось бы чтобы выбранные параметры выделялись на фоне остальных.

Заметки к вопросу:
chomovva 11 мес назад

Можно использовать плагин для кастомизации select, к примеру select2.js или selectize.js. Они по сути скрывают select, а вместо него создают div к которому уже можно применять стили.

0
lethalblo
11 месяцев назад 9
  • 1

    Когда-то мне нужно было стилизовать не только активный пункт у селекта, а еще и скроллбар в выпадающем списке, плюс нужно было чтобы выпадающий список всегда был поверх любых элементов страницы.

    Готового плагина под это дело не нашел, поэтому пришлось писать самому.
    Вот что получилось: http://smat.pp.ua/smatSelect/

    Для стилизации скроллбара у селекта сначала использовал плагин mCustomScrollbar, а потом (уже не помню почему) перешел на jQuery Scrollbar

    Так как писал для себя, то документацией не заморачивался, но все опции плагина можно найти в файле jquery.smatSelect.js а примеры подсмотреть в main.js

    Если кому понравится - пользуйтесь на здоровье.

    Архив тут.

    Комментировать
На вопросы могут отвечать только зарегистрированные пользователи. Вход . Регистрация