Применить CSS к определенной части / элементу графического интерфейса Select2 в Select2 4.0.x - PullRequest
0 голосов
/ 12 сентября 2018

Мы используем Select2 4.0.3 . Файл select2.full.min.js.

У нас есть много Select2 в приложении. Мне нужно применить приведенный ниже стиль CSS только к определенному Select2 , а не ко всем Select2 в приложении:

.select2-results__option[aria-selected=true]:before { content:'☑'; padding:0 8px 0 0px; font-size: 16px; font-family:'Glyphicons Halflings' }
.select2-results__option:before { content:'◻'; padding:0 8px 0 0px; font-size: 16px; font-family:'Glyphicons Halflings' }

У меня есть идентификатор оригинального выпадающего списка - скажем, это mydropdown. Но как это сделать в CSS?

Я не хочу нацеливаться на оригинальный элемент управления. То, что должно быть предназначено, является определенной частью (ами) инфраструктуры Select2 для данного элемента управления. Я знаю, что инфраструктура Select2 - это «брат» (next()) из mydropdown, но как мне легко нацелить эти части в CSS?

...