2016-04-29 8 views
-2

Я хочу переопределить стиль css при выборе элемента управления datetime bootstrap при выборе лет от голубого по умолчанию, чтобы, скажем, красный. Как я могу это сделать?переопределяющий класс css на сборщик даты и времени при выборе года

Я попытался с

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

, но это не работает.

Update Я использую https://github.com/Eonasdan/bootstrap-datetimepicker/

+0

Вы загружаете bootstrap.css до или после того, как файла CSS? –

+0

Какой плагин для загрузки datetime bootstrap вы используете? – andreivictor

+0

@SergiCase Загружаю файл стиля после загрузки bootstrap.css – user1765862

ответ

1

Похоже, «selectYear» является атрибутом данных данных- 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; 
} 

Надеется, что это помогает

0

UPDATE:

Не видел пример. Вы вообще используете селектор. .bootstrap-datetimepicker-widget table td span.active{background-color:red!important;}; selectYear - значение атрибута действия данных

+0

Этот комментарий или ответ? –

1

Я искал в коде плагина, и я не нашел названия какого-либо класса, такого как selectYear.

Предполагая, что вы хотите, чтобы стиль только год панель селектора, попробуйте следующее правило CSS:

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

Использование

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

Он не использует jQuery UI Datepicker. – andreivictor