Search code examples
cssangularangular-material

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

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

Solution

  • 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