css - Angular 版本 5，Bootstrap

Question

我如何根据自己的需要编辑原始的 bootstrap Angular 日期选择器样式表链接在这里 https://ng-bootstrap.github.io/#/components/datepicker/examples#basic 我需要在我的文件中编辑这个日期选择器的颜色。

Answer 1

如果您使用的是angular cli，根文件夹(src) 中有一个全局的style.css/style.scss。在这里，您可以为日期选择器添加自定义样式，检查元素以找到要覆盖样式的类。

将其添加到 style.css/scss 文件

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

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