Angular ui-grid with cellNav - how to remove blue border when focused?

Question

I am using ui-grid with CellNav feature on: http://ui-grid.info/docs/#/tutorial/309_editable_with_cellnav

Can't figure out which CSS style adds blue shadowed border around the grid when focused. Which CSS class should I override in order to get rid of this border?

Answer 1

Finally I got it after read the source code, use this one:

.ui-grid-focuser:focus {
  box-shadow: none !important;
}

Answer 2

This will stop the blue border appearing.

.ui-grid-cell-focus { 
    border: 0 !important;
}