在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中，右鍵單擊要編輯顏色的單元格，然后單擊“檢查”，查看“樣式”標簽，並確保您在編輯正確的樣式。 它可能被某些東西覆蓋。 並且盡量不要使用重要的東西，這通常是一個壞主意。