0

我在 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 类?

感谢您的时间和精力。

4

1 回答 1

0

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

于 2016-08-04T03:26:29.453 回答