如何删除 Angular Material 日期选择器的下划线

Question

我想删除日期选择器的下划线。 通过使用检查我做到了，但它不能通过CSS工作。我怎样才能用CSS做到这一点

::ng-deep{
    &.mdc-line-ripple::after{
        border-bottom-style:none !important ;
    }
}

Answer 1

您正在使用常规 CSS。尝试使用：

::ng-deep .mdc-line-ripple::after {
  border-bottom-width: 0 !important;
}

查看更多：

• 嵌套 CSS 类

Answer 2

:host ::ng-deep .mat-form-field-underline{
width: 0 !important;

}

这肯定有效