angular - 在日期选择器 ngx-bootstrap 中自定义样式

Question

我想在 ngx-bootstrap 的日期选择器中添加自定义样式( Angular 4)，因为我希望日期选择器的标题具有白色背景以及标题上出现的所有文本，如月份名称、箭头键, 黑色年份。

bs-datepicker.css 中的默认样式不提供所需的样式。除了修改库文件之外，是否有任何其他方法可以修改默认样式，因为它不是一个选项。

Answer 1

您可以只覆盖项目样式表中的标准样式，但您需要使用更具体的选择器或!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