覆盖组件的自动生成子css;角

Question

在Angular中，有一个ui-select组件正在为它的视觉效果生成跨度：

你可以看到这个span有自动分配的＆＃34; .btn＆＃34;它将组件着色为某种颜色 - 通过应用程序的所有按钮的颜色。

我需要的是通过下拉来覆盖它不是一个按钮，因此它不需要看起来像。

为了覆盖这个，我已经分配了＆＃34; search_drop＆＃34;正如您所见，使用！important属性将类分类到父div。

＆＃34; search_drop＆＃34;的css定义是：

.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个类