覆盖 ng-bootstrap datepicker select.style

如何解决覆盖 ng-bootstrap datepicker select.style

我正在使用 ng-bootstrap datepicker 并且在选择样式的月份和年份时遇到问题

问题在于选择样式。

select[_ngcontent-c21] {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0 .5rem;    // the problem in this line

在 Html 中，我有这样的：

我觉得解决这个问题就是让padding 0.0rem

但我无法覆盖这种样式。

解决方法

您可以通过在要覆盖的样式值后添加 !important 来覆盖每个引导程序样式。
示例引导样式覆盖：

.signup-form .btn:hover,.signup-form .btn:focus {
    background: #179b81 !important;
}

在你的情况下尝试：

select[_ngcontent-c21] {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0 rem !important; 
}