Question

我想在引导日期时间选择器控件上覆盖css样式，从默认蓝色中选择年份，让我们说红色。我怎么能这样做？

我试过

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

但这不起作用。

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

Answer 1

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

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

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

Answer 2

看起来像是选择年份＆＃39;是数据属性data-action =＆＃34; selectYear＆＃34;而且课程是“年”

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

css是添加背景的原因

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

所以要么

DECLARE @Test TABLE (Name nvarchar(100), Country nvarchar(100))


INSERT INTO @Test
VALUES
(N'James',N'Mexico'),
(N'Peter',N'South Africa'),
(N'Paul',N'Mexico'),
(N'Colonel',N'Panama'),
(N'James',N'United Kingdom'),
(N'Hannah',N'United Kingdom')


SELECT t2.*
FROM @Test AS t
INNER JOIN @Test AS t2 ON t.Country = t2.Country
WHERE t.Name = N'James'

或者

{{1}}

希望这有帮助

Answer 3

更新：

没看到一个例子。你根本就使用拧干选择器。 .bootstrap-datetimepicker-widget table td span.active{background-color:red!important;}; selectYear - 它是一个数据操作属性值

Answer 4

使用

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

选择年份时，在bootstrap日期时间选择器上覆盖css类

4 个答案: