如何将自定义样式应用于 ng-bootstrap 日期选择器？

Question

我在我的 Angular 2 应用程序中使用 ng-bootstrap datepicker（如果你向下滚动它的“Basic Datepicker”），但想要应用自定义样式。这是怎么做到的？我在 ng-bootstrap 文档中没有看到任何相关内容。

Answer 1

当将 css 设置放入 style.scss 文件而不是组件的样式文件中时，我能够更改其样式

/*@src/style.scss*/

ngb-datepicker {
    position: absolute;
    background-color: white;

    .ngb-dp-header {
        background-color: rgba(52,104,191,1);
    }

    select {
        background-color: rgba(52,104,191,1);
        color: white;
    }
}