Search code examples
angularsassangular-materialangular-material-table

How to remove outline for Material row header with MatSort in Angular 9?

I got an issue after implementing MatSort to my Material table. It's showing outline for the header column name when click on it to sort

enter image description here

Is it possible to disable it? If possible, Please help me on how to do it.

I implemented Material table with sorting as shown in the below link: https://material.angular.io/components/table/overview#sorting

Solution

  • use this code in style.css 

     .mat-sort-header-button {
    outline: none !important;
  }