mat-form-field

问题 I am working on a angular app. I am using mat-form-field as follows. <mat-form-field appearance="fill"> <mat-label id="title">{{ title }} </mat-label> <input formControlName="title" matInput id="title" (click)='updateValue("title")' readonly> </mat-form-field> I get a rectangle shaped form field with above code. When I hover over the bottom line of mat form field like when I take my mouse on bottom of a particular form field I want to change color. For it I am suing following CSS .mat-form

问题 I am working on a angular app. I am using mat-form-field as follows. <mat-form-field appearance="fill"> <mat-label id="title">{{ title }} </mat-label> <input formControlName="title" matInput id="title" (click)='updateValue("title")' readonly> </mat-form-field> I get a rectangle shaped form field with above code. When I hover over the bottom line of mat form field like when I take my mouse on bottom of a particular form field I want to change color. For it I am suing following CSS .mat-form

问题 I have a CSS problem when I pass my mouse over a mat-form-field . To be able to use a colored mat-card, I added some CSS class in style.scss to change the background-color of the mat-form-field . .mat-form-field-appearance-outline .mat-form-field-outline-start { background-color: white!important; } .mat-form-field-appearance-outline .mat-form-field-outline-gap { background-color: white!important; } .mat-form-field-appearance-outline .mat-form-field-outline-end { background-color: white

问题 I have a CSS problem when I pass my mouse over a mat-form-field . To be able to use a colored mat-card, I added some CSS class in style.scss to change the background-color of the mat-form-field . .mat-form-field-appearance-outline .mat-form-field-outline-start { background-color: white!important; } .mat-form-field-appearance-outline .mat-form-field-outline-gap { background-color: white!important; } .mat-form-field-appearance-outline .mat-form-field-outline-end { background-color: white