Блог

Я работаю над проектом, и для улучшения выбора я решил использовать библиотеку Select2.

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

Было бы признателен, если бы кто-нибудь сделал что-то подобное, чтобы направлять меня. В любом случае я оставляю изображение, чтобы вы могли понять, что я имею в виду:

Всего наилучшего…

Наконец я нахожу решение… необходимо переопределить следующий класс:

 /* Selected option */
.select2-results__option[aria-selected=true] {  }
 

например:

 .select2-results__option[aria-selected=true] {
    color: #ffffff;
    background-color: #9f998d;
}
 

Я уверен, что пробовал раньше, но, возможно, я совершаю ошибку.

Надеюсь, этот ответ может помочь другим… спасибо StackOverflow!!!