bootstrap datepicker - 将背景颜色从黄色更改为蓝色

Question

对于引导日期选择器，当将“todayHighlight”属性设置为 true 时，它​​打开时将当前日期突出显示为黄色。 我们能不能把这个颜色改成蓝色或其他颜色。

Answer 1

如果您检查 demo。您将看到 https://unpkg.com/bootstrap-datepicker@1.9.0/dist/css/bootstrap-datepicker3.min.css 中定义的样式如下：

.datepicker table tr td.today {
    color: #000;
    background-color: #ffdb99;
    border-color: #ffb733;
}

因此，您应该能够在您的 css 文件或在 bootstrap-datepicker3.min.css 之后加载的嵌入式样式表中覆盖它。只需使用相同或更具体的选择器并按照您的意愿进行设置：

.datepicker table tr td.today {
  color: #fff;
  background-color: #009;
  border-color: blue;
}

/* or more specific */
.your-custom-class .datepicker table tr td.today {
  color: #fff;
  background-color: #009;
  border-color: blue;
}