How to hide/delete underline input Angular Material?

Question

I have input element in Angular Material:

Answer 1

::ng-deep .mat-form-field-underline {
  display: none;
}

the above code will remove the default black underline

::ng-deep .mat-form-field-ripple {
  display: none;
}

this will remove the on focus ripple effect