html daterangepicker 美化
时间: 2023-11-11 20:04:27 浏览: 51
你使用CSS来美化html daterangepicker。以下是一些CSS代码示例:
```
/* 改变日期范围选择器的背景颜色 */
.daterangepicker {
background-color: #fff;
}
/* 改变日期选择器文本颜色 */
.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
color: #333;
}
/* 改变日期选择器的背景颜色 */
.daterangepicker .calendar-table td.in-range,
.daterangepicker .calendar-table td.active {
background-color: #f0f0f0;
}
/* 改变日期选择器选中日期文本颜色 */
.daterangepicker .calendar-table td.active {
color: #fff;
}
/* 改变日期选择器选中日期背景颜色 */
.daterangepicker .calendar-table td.active {
background-color: #007bff;
}
/* 改变日期选择器箭头图标颜色 */
.daterangepicker .prev i,
.daterangepicker .next i {
color: #007bff;
}
/* 改变日期选择器应用按钮背景颜色 */
.daterangepicker .applyBtn {
background-color: #007bff;
}
/* 改变日期选择器应用按钮文本颜色 */
.daterangepicker .applyBtn {
color: #fff;
}
```
你可以根据需要调整这些样式。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)