年を選択するとブートストラップ日時ピッカーのCSSクラスがオーバーライドされます

Question

ブートストラップ日時ピッカーコントロールのCSSスタイルをデフォルトの青から赤に変更する場合は、どうやってやるの？

私は

.selectYear { 
    background-color:red!important; 
} 

と試みたが、それは動作しません。

更新 私は https://github.com/Eonasdan/bootstrap-datetimepicker/

Answer 1

「をselectYear」のデータ属性であるように見えますDATA- action = "selectYear"、クラスは "year"

cssは背景を追加するものです

.bootstrap-datetimepicker-widget table td span.active { 
    background-color: #337ab7; 
    color: #ffffff; 
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); 
} 

だから、どちらか

.bootstrap-datetimepicker-widget table td span.year.active { 
    background-color: red; 
} 

それとも

.year { 
    background-color: red !important; 
} 

希望これは、あなたのCSSファイルの前または後にbootstrap.cssロード

Answer 2

UPDATE使用：

は例を見ていないし。 wringセレクターはまったく使用します。 .bootstrap-datetimepicker-widget table td span.active{background-color:red!important;}; selectYear - データアクションの属性値です

Answer 3

プラグインコードを検索しましたが、selectYearのようなクラス名が見つかりませんでした。次のCSSルールにしてみてください、あなたが唯一の年のセレクタパネルのスタイルを設定したいと仮定すると、

：

.bootstrap-datetimepicker-widget table td span.year.active { 
    background-color: red; 
} 

Answer 4

使用

.ui-datepicker-year{ 
    background-color: red; 
}