How To Remove Underline of Angular Material Date Picker

Question

I want to remove underline of Date Picker. By using inspect I did it but its not working by css. How can I do it by css

::ng-deep{
    &.mdc-line-ripple::after{
        border-bottom-style:none !important ;
    }
}

Answer 1

You are using regular CSS. Try to use:

::ng-deep .mdc-line-ripple::after {
  border-bottom-width: 0 !important;
}

See more:

• Nesting CSS classes