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

[netcat-na-diary]

Плагин для стилизации 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;
}