Плагин для стилизации select

[Heidel]

Плагин для стилизации select

https://select2.github.io/

Задать плейсхолдер, отключить поле поиска и задать ширину

$(".custom-select").select2({
		placeholder: "Все категории",
		minimumResultsForSearch: Infinity,
		width: 170
	});	

Чтобы отображался placeholder, первый option списка select нужно сделать пустым.

Стилизация

/* select2 */
.select2-selection {
	outline: none;
}

.select2-container--default .select2-selection--single {
	border: 1px solid #ccc;
    border-radius: 0;
}

.select2-container--default .select2-results__option[aria-selected=true] {
	background-color: @light_yellow;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: @orange;
    color: white;
}

@темы: Plugins, Select, jQuery, Плагин для стилизации select, Ссылки

Comments

[Гость]

Вы чрезвычайно ценный веб-сайт; не мог сделать это без тебя!

Посетите также мою страничку

hatsat.bget.ru/user/EzekielFerguson/ какие документы нужны для открытия счета в банке иностранному гражданину

33490-+