Автоматически сгенерированные дочерние элементы компонента css; Угловая

Question

В Угловом, есть ui-select компонент, который генерирует пролеты для его визуального:

, как вы можете видеть этот промежуток имеет автоматический назначенный CSS класс «.btn», который раскраска компонента для определенного цвета - цвет всех кнопок через приложение.

То, что мне нужно, это переопределить это путем выпадающего меню, а не кнопки, и, следовательно, оно не должно выглядеть как одно.

Чтобы переопределить это, я назначил класс «search_drop» родительскому div с важным атрибутом, как вы можете видеть.

определение CSS для "search_drop" является:

.search_drop { 
    font-family: HPSimplified, Arial !important; 
    color: black; 
    background: none !important; 
} 

Результат, однако, то же самое.

Можете ли вы, пожалуйста, посоветовать, как переопределить стиль пролета? Класс .btn css должен оставаться неизменным.

Спасибо!

Answer 1

попробовать

.search_drop .ui-select-match .btn { 
    font-family: HPSimplified, Arial !important; 
    color: black; 
    background: none !important; 
} 

, чтобы получить правильный уровень специфичности.

Это касается только .btn классов в пределах ui-select компонентов