时间戳

首页 > 解决方案 > bootstrap datepicker - 将背景颜色从黄色更改为蓝色

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

问题描述

对于引导日期选择器，当将“todayHighlight”属性设置为 true 时，它​​打开时当前日期突出显示为黄色。我们可以将这种颜色更改为蓝色或其他颜色吗？

标签： bootstrap-4datepicker

解决方案

如果您检查演示。您将看到样式在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;
}

推荐阅读