2016-08-04 55 views
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クラスを適用する方法はありますか?

ありがとうございました。右あなたがの色を編集し、検査をクリックし、[スタイル]タブを見て、あなたが右のスタイルを編集していることを確認するセルのグリッドをクリックしてChromeの場合

答えて

0

。それは何かによって上書きされるかもしれません。重要なことを使わないようにしてみてください。通常は悪い考えです。

+0

ご連絡ありがとうございます。それは変わったように見えるかもしれませんが、今は同じクラスが私にとってうまくいっています。私は、重要なものを使用して、または使用せずに、選択した行の望ましい色を得ています。私は今後も重要な使い方を心に留めておきます。 –