Question

如何更改CSS文件中bs datepicker主题的颜色。

我尝试在.css文件中更改它，但不反映.PFB，代码：

.theme-green .bs-datepicker-head {
    background-color: orange;
}

我已在.theme-green .bs-datepicker-head中将背景颜色添加到橙色，但它无效。

在https://valor-software.com/ngx-bootstrap/#/datepicker中我可以看到，在下拉列表中，已经定义了颜色主题，选择日期选择器的颜色会相应地更改。

我需要在CSS文件中设置bs datepicker主题。任何人都可以帮我吗？

Answer 1

可以尝试：

:host /deep/ .theme-green .bs-datepicker-head { background-color: orange; }

可以阅读here。

Answer 2

要将ngx-bootstrap日期选择器更改为您选择的自定义颜色，请在styles.scss文件中添加以下行：

.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: #2dfbcd !important; 
}

.bs-datepicker-body table td.week span 
{
  color: #2dfbcd !important; 
}

Angular 4 bs datepicker颜色变化

2 个答案: