在 Angular UI Grid 中设置选定行的背景颜色

Question

我在 Stackoverflow 和 github 上到处搜索，但未能找到解决此问题的方法，希望有人能告诉我正确的方向。

我正在为我的项目使用 Angular UI Grid，到目前为止一切顺利。我现在正在尝试通过用我自己的覆盖默认类来修改网格的 CSS 以使其看起来更好。我目前卡住的区域正在更改所选行的背景颜色。

目前，它是选择一行时出现的默认淡蓝色，其中包含我的应用程序中的其余颜色。我在 Chrome Inspector 工具中看到以下类应用于提供背景颜色的单元格。

.ui-grid-row.ui-grid-row-selected>[ui-grid-row]>.ui-grid-cell{
    background-color: #c9dde1;
}

但是当我尝试在我自己的 CSS 文件中覆盖这个类时，如下所示，

.ui-grid-row.ui-grid-row-selected>[ui-grid-row]>.ui-grid-cell{
    background-color: #efe8ed!important;
}    

应用程序仍采用默认库类及其颜色。

我在自己的 CSS 中覆盖了其他网格类，它们反映得很好。这会不会是个问题，因为当我选择行时会动态应用此类？

有没有一种方法可以应用我自己的 CSS 类？

感谢您的时间和精力。

Answer 1

在 Chrome 中右键单击要编辑颜色的单元格网格并单击检查，查看样式选项卡并确保您正在编辑正确的样式。它可能会被某些东西覆盖。并且尽量不要使用重要的，这通常是个坏主意。