css - 如何覆盖 ng-bootstrap datepicker element.style

Question

我正在使用 ng-bootstrap datepicker 并遇到底部边框被切割的问题，这可能是因为应用了嵌套的 div 类，但我不想调查每个嵌套的 div 类来弄清楚，而是我想要覆盖我通过 chrome 开发工具发现的 ng-datepicker 属性(转换)导致了问题。请查看问题的附件图片。因此，在 chrome 中，当我单击日历图标时，日期选择器显示底部边框被切掉，下面是应用的 css/属性

    <ngb-datepicker class="dropdown-menu show" style="padding: 0px; position: absolute; top: 0px; left: 0px; transform: translate(0px, 28px);">

element.style {
    padding: 0px;
    position: absolute;
    top: 0px;
    left: 0px;
    transform: translate(0px, 28px);
}

在 chrome 中，当我将 transform 属性更改为

    transform: translate(0px, -42px)

解决了这个问题。我不想对样式进行硬编码，想要在 style.css 中定义类 angular 6，以便它应用于所有 ng-datepicker。如何覆盖此转换属性？

Answer 1

您可以为 ngb-datepicker 设置一个 class 或 id，并为它设置特定的样式。

  <ngb-datepicker class="dropdown-menu show mydatepicker">

在 style.css 中

.mydatepicker{
    padding: 0px;
    position: absolute;
    top: 0px;
    left: 0px;
    transform: translate(0px, -42px);
}