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