Я хочу добавить пользовательские стили в средство выбора даты ngx-bootstrap (в angular 4), так как я хочу, чтобы заголовок средства выбора даты имел белый фон и весь текст, который присутствует в заголовке, например, название месяца, клавиши со стрелками, год черный цвет.
Стиль по умолчанию в bs-datepicker.css не обеспечивает требуемого стиля. Есть ли альтернатива для изменения стиля по умолчанию, кроме изменения файлов библиотеки, потому что это не вариант.
Вы можете просто перезаписать стандартные стили в таблице стилей вашего проекта, но вам нужно будет использовать более конкретные селекторы или !important.
body .bs-datepicker-container .bs-datepicker-head {
background-color: #fff;
}
body .bs-datepicker-container .bs-datepicker-head * {
color: #000;
}
Пример - https://stackblitz.com/edit/angular-z9cn3d?file=styles.css
Измените цветовую переменную
.bs-datepicker-head,
.bs-datepicker-head, .bs-datepicker button:active,
.bs-datepicker-body table td span.selected,
.bs-datepicker-body table td.selected span,
.bs-datepicker-body table td span[class*="select-"]:after,
.bs-datepicker-body table td[class*="select-"] span:after,
.bs-datepicker-body table td.active-week span:hover
{
background-color: $primary !important;
}
.bs-datepicker-body table td.week span
{
color: $primary !important;
}
