How do i Override the default browser styling (light blue background) on input fields , I am doing the front end on angular , <input matInput formControlName="username" type="text" #userInput (cdkAutofill)="usernameAutofilled = $event.isAutofilled" [placeholder]="(usernameAutofilled || usernameFocused) ? '' : 'Username'" (blur)="onBlur($event,'username',authForm)" autocomplete="off" (focus)="usernameFocused =true" (keyup)="onKeyup('username')" /> i tried to override styling with webkit-autofill css property but that does not work. Continue reading...
