Стилизованные теги формы - <select> - <option> [дубликат]

203
25 февраля 2018, 23:52

На данный вопрос уже ответили:

  • Как стилизовать option select? 2 ответа

Как делают вот такие раскрывающиеся списки?

Конструкция HTML вроде как наверное будет примерно такая:

<select size="1">
<option value="среднее">высшее</option>
<option value="среднее">среднее</option>        
<option value="Нет">Нет</option>    
</select> 
Answer 1

Такое реализовать можно с помощью js/jquery библиотек. Например: https://harvesthq.github.io/chosen/

Вам необходимо скачать и подключить библиотеку на нужной странице.

Добавляем нужный select:

<select data-placeholder="Выберите страну..." class="select">
     <opton value="Russia">Россия</option>
     <opton value="Korea">Корея</option>
</select>

Потом добавляем js код:

$(".select").chosen();

Стилизовать уже можно с помощью CSS в файле chosen.css

А так на самом деле решений на StackOverflow куча, почти на 99% реализуется с помощью js.

READ ALSO
Подскажите как сверстать такие секции

Подскажите как сверстать такие секции

Подскажите, как сверстать такие секцииПробовал через clip-path обрезать блоки нужным образом, но при изменении разрешения clip-path обрезает уже...

217
Ссылка из svg на документ

Ссылка из svg на документ

Элементы по цвету должны быть в группахПри наведении на один цвет, реагировать должны все остальные идентичные цвета

207
CSS - изменить цвет черно-белой картинки

CSS - изменить цвет черно-белой картинки

Есть картинка, например Она черно-белая, можно ли в ней сменить цвет на красный, зеленый и тд

247
Angular 4 как использовать ngx-admin?

Angular 4 как использовать ngx-admin?

Всем привет, у меня вопрос про ngx-admin, скачал исходники с гитхаба и там просто стандартная страница со всеми возможностямиВопрос: как правильно...

259