如何修改Angular中ngx-bootstrap bsDatepicker快速选择范围按钮的背景色？

• 先定位按钮的CSS选择器：打开浏览器开发者工具（F12），选中快速选择按钮，查看它的类名。通常这类按钮会在.daterangepicker .ranges容器下，带有.btn类，对应的选择器是 .daterangepicker .ranges .btn。
• 自定义CSS覆盖样式：在你项目的自定义CSS文件中添加以下代码（别直接修改插件自带的CSS，避免后续更新插件丢失修改）：

/* 修改默认背景色 */
.daterangepicker .ranges .btn {
    background-color: #你的目标颜色;
    border-color: #你的目标颜色; /* 可选，让边框和背景色一致 */
}

/* 可选：修改鼠标悬停时的背景色 */
.daterangepicker .ranges .btn:hover {
    background-color: #悬停时的颜色;
    border-color: #悬停时的颜色;
}

• 确保样式优先级：如果原插件样式优先级更高，导致自定义样式不生效，可以给选择器加更高优先级（比如加上父容器类），或者临时用!important（不推荐长期使用）：

.daterangepicker .ranges .btn {
    background-color: #你的目标颜色 !important;
}

内容的提问来源于stack exchange，提问作者Kanhaiya Pimpale