Мы используем 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?