在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中，右键单击要编辑颜色的单元格，然后单击“检查”，查看“样式”标签，并确保您在编辑正确的样式。 它可能被某些东西覆盖。 并且尽量不要使用重要的东西，这通常是一个坏主意。