Добавление границы к циновке Каландера

Question

Я пытаюсь добавить границу вокруг матового каландра, но не могу этого сделать, поскольку я не могу найти точный класс, который будет влиять на внешний вид матового каландра именно так, как мне нужно, как >>>>>.

Я пытался сделать то же самое, что и выше, с классом

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

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

Answer 1

Это можно легко сделать, используя внешний вид = "контур" в теге mat-form-field, например

<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