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