当选择年份时在引导日期时间选择器上覆盖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; 
}