當選擇年份時在引導日期時間選擇器上覆蓋css類

Question

當從默認藍色選擇年份時，我想在引導日期時間選擇器控件上覆蓋css樣式，讓我們說紅色。我怎樣才能做到這一點？

我試着用

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

，但不起作用。

更新 我用 https://github.com/Eonasdan/bootstrap-datetimepicker/

Answer 1

它看起來像「selectYear」是一個數據屬性數據 - 行動=「selectYear」和類是「年」

data-action="selectYear" class="year active" 

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; 
} 

希望這有助於

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; 
}