覆盖组件的自动生成的儿童 css；角答案

【问题标题】：Overriding component's auto generated childrens css; Angular覆盖组件的自动生成的儿童 css；角
【发布时间】：2015-09-29 04:02:42
【问题描述】：

在 Angular 中，有一个 ui-select 组件正在为其可视化生成跨度：

如您所见，此跨度具有自动分配的“.btn”css 类，该类将组件着色为某种颜色 - 应用程序中各种按钮的颜色。

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

为了覆盖这一点，我已将“search_drop”类分配给具有 !important 属性的父 div，如您所见。

“search_drop”的css定义是：

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

结果是一样的。

您能否建议如何覆盖跨度的样式？ .btn css 类需要保持不变。

谢谢！

【问题讨论】：

【解决方案1】：

试试

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

获得正确的特异性水平。

这只会影响ui-select 组件中的.btn 类

【讨论】：