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