Is it possible to adjust mat-form-field-outline thickness?

user_10215560 0
Viewed 3257

I'm trying to style angular material's input to look the same as all inputs in this app.

Is it possible to adjust the thickness of the schedule's input outline to have the same width as the project's input border?

enter image description here

angular-material angular css
2 Answers

The classes to override are:

.mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-start,
.mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-end,
.mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-gap {
    border-width: 1px !important;
}

Make sure you use border-width and not border

user_102155600

Have you tried editing the width of the schedule input itself?

If simply nothing changes maybe try to add the !important tag to css to overwrite the width given (and match the other input ones).

user_144115150
Related