Css 如何在ag网格中的选定行上显示轮廓？

当用户单击ag网格中的单元格时，它会在所选单元格上显示蓝色轮廓。我想改变这一点，这样当选中行中的任何单元格时，整行都会得到一个蓝色的轮廓

下图说明了如何从特定列的单元格中删除蓝色选择轮廓

从链接问题粘贴的上述代码为：

this.columnDefs = [
  { headerName: 'One', field: 'one' },
  { headerName: 'Two', field: 'two' },
  { headerName: 'I want no cell selection!', 
    field: 'three',   
    suppressNavigable: true,
    editable: false,
  }
];

我不是CSS天才，但这似乎是一个由两部分组成的过程：

• 删除所有列的单个单元格轮廓
• 在选定的整行上放置一个轮廓

所以

是否有一种简单的方法可以将中提到的

'no-border'

cellClass应用于所有行/列，而无需将

'no-border'

复制粘贴到每个列标题

当选中整行时，我会修改什么以使整行具有蓝色轮廓

---

我已经看过了，但我的CSS似乎不够清晰，无法正确实现#2。（如果您需要更多的代码，请发表评论。我有一个TypeScript文件，它向网格提供GridOptions[例如

suppressCellSelection:true

]好的，这样我就可以在CSS中删除所有单元格的选择边框了：

::ng-deep .ag-cell:focus{
  outline: none;
}

这是我所能做的最好的高亮显示行的方法。它与原始轮廓颜色并不完全匹配，但已经足够接近了

::ng-deep .ag-row-focus {
  outline: skyblue solid 2px;
  outline-offset: -2px;
}

（不确定应用程序是否需要

：：ng deep

）

注意：用户可能无法使用此CSS更改复制单个单元格内容

如果您想办法复制问题中图像中显示的确切单元格轮廓颜色，请与我们分享。很显然，这可能与铬元素有关