选择年份时在引导日期时间选择器上覆盖 css 类答案

【问题标题】：overriding css class on bootstrap datetime picker when selecting year选择年份时在引导日期时间选择器上覆盖 css 类
【发布时间】：2016-04-29 09:53:21
【问题描述】：

当从默认蓝色选择年份时，我想覆盖引导日期时间选择器控件上的 css 样式，比如说红色。我该怎么做？

我试过了

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

但这不起作用。

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

【问题讨论】：

您在 css 文件之前还是之后加载 bootstrap.css？
您使用的是哪个引导日期时间选择器插件？
@SergiCase 我在 bootstrap.css 之后加载我的样式文件
我在插件代码中搜索过，但没有找到像selectYear 这样的类。请提供图片或在插件页面 (eonasdan.github.io/bootstrap-datetimepicker) 上向我们展示您尝试设置样式的实际元素。

标签： javascript html css twitter-bootstrap

【解决方案1】：

看起来'selectYear'是一个数据属性data-action =“selectYear”并且类是'year'

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

希望对你有帮助

【讨论】：

【解决方案2】：

我在插件代码中搜索过，但没有找到像selectYear 这样的类名。

假设您只想设置年份选择器面板的样式，请尝试使用以下 css 规则：

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

【讨论】：

【解决方案3】：

更新：

没有看到示例。您完全使用 wring 选择器。 .bootstrap-datetimepicker-widget table td span.active{background-color:red!important;}; selectYear - 它是一个数据操作属性值

【讨论】：

这是评论还是答案？

【解决方案4】：

使用

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

【讨论】：

他没有使用 jQuery UI Datepicker。