带有 cellNav 的 Angular ui-grid - 聚焦时如何删除蓝色边框？答案

【问题标题】：Angular ui-grid with cellNav - how to remove blue border when focused?带有 cellNav 的 Angular ui-grid - 聚焦时如何删除蓝色边框？
【发布时间】：2016-08-25 11:11:11
【问题描述】：

我正在使用带有 CellNav 功能的 ui-grid：http://ui-grid.info/docs/#/tutorial/309_editable_with_cellnav

无法确定哪种 CSS 样式在聚焦时会在网格周围添加蓝色阴影边框。我应该覆盖哪个 CSS 类以消除此边框？

【问题讨论】：

标签： angular-ui-grid

【解决方案1】：

看了源码终于搞定了，用这个：

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

【讨论】：

【解决方案2】：

这将停止出现蓝色边框。

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

【讨论】：

这将删除单个单元格周围的阴影 - 问题引用了整个网格周围的阴影 - 下面的答案引用了 .ui-grid-focuser:focus { box-shadow: none !important; } 回答问题。