angular - 为垫子日历添加边框

Question

我正在尝试在 mat calander 周围添加边框，但无法做到这一点，因为我无法找到会影响 mat calander 外观的确切类，就像我需要的 >>>>>。

我试图做与上面给出的完全相同的课程

.mat-form-field-flex {
    border: 1px solid ;
}

https://stackblitz.com/angular/bajnpdvmbqo?file=src%2Fapp%2Fdatepicker-overview-example.css

Answer 1

这可以通过使用 mat-form-field 标签中的外观=“outline”轻松完成，例如

<mat-form-field appearance="outline">
<input matInput [matDatepicker]="picker" placeholder="Choose a date">
<mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
<mat-datepicker #picker></mat-datepicker>

希望能帮助到你！

Answer 2

您可以像这样使用::ng-deep选择器

::ng-deep .mat-form-field-flex {
border: 1px solid gray; }

检查以下链接以获取更多参考 https://ngrefs.com/latest/styling/ng-deep-selector