Угловая версия 5, Bootstrap

Question

Как мне отредактировать исходную таблицу стилей выбора начальной даты при начальной загрузке по своему желанию, вот ссылка https://ng -bootstrap.github.io / # / components / datepicker / examples # basic мне нужноизменить цвет этого выбора даты в моем файле.

Answer 1

Просто F12 (осмотреть элемент) и увидеть их стили:

Добавить к вашему css: (используйте !important для предотвращенияovvride)

ngb-datepicker{
background-color: red!important; 
}

См. результат:

Answer 2

Если вы используете angular cli , в корневой папке есть глобальный style.css / style.scss ( src ).Здесь вы можете добавить свои собственные стили для DatePicker, проверяющего элемент, чтобы найти классы для переопределения стилей.

Добавьте это в файл style.css / scss

.ngb-dp-day .btn-light {
    background: green !important;
}

.ngb-dp-day .bg-primary {
    background: red !important;
}