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 クラスを適用する方法はありますか?
お時間とご尽力いただきありがとうございます。