I'm working in an Angular Project using Material. I have some mat-form-fields with inputs with the outline appearance. I'd like to change the border radius of the outline (increase it). I read over this stackoverflow: How to remove the outline mat-form-filed border corner radius . But none of those solutions are allowing me to increase the border correctly. It get's close, but it causes a weird thing on the left side of the input: I do not want to use encapsulation. I'm fine with using ::ng-deep. Here's a stackblitz demo: https://stackblitz.com/edit/angular-9-material-starter-pp4349?file=src/app/app.component.css Continue reading...
