How to remove the outline for the cell in table when you click the cell?-CodePudding

Home > Software engineering > How to remove the outline for the cell in table when you click the cell?

How to remove the outline for the cell in table when you click the cell?

Time：09-30

I would like to remove all the outline effects when I click the cell. I inspected the element but failed to find which class name should I give border:none style. Thanks for the help!

CodePudding user response：

.MuiDataGrid-root .MuiDataGrid-columnHeader:focus,
.MuiDataGrid-root .MuiDataGrid-cell:focus {
  outline: none !important;
}

Add this to your styles/css.

Page link：https//www.codepudding.com/Softwareengineering/133844.html

Prev:TypeError: .map is not a function - React application

Next:Missing Something Sending Prop In Link In React

Tags：

reactjs

material-ui

Links：
CodePudding