我在 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 类?
感谢您的时间和精力。