Ag-Grid如何将CSS添加到元素

Question

当我将鼠标悬停在a-Grid中的某个元素（例如这样的行）上时，我注意到它添加了一些内联CSS以突出显示该元素。 例如，当未选择元素时，html如下所示：

<div class="ag-full-width-viewport" role="presentation" 
style="border-right: 0px solid transparent;"> == $0

但是，当我将鼠标悬停在此元素上时，它将自动突出显示并添加内联css：

<div class="ag-full-width-viewport" role="presentation" 
style="border-right: 0px solid transparent: border-bottom: 0px solid 
transparent;"> == $0

我想知道api如何做到这一点。 在源代码的哪里可以看到此逻辑？ 我想知道的目的是将自己的CSS添加到网格中的特定元素...而不是使用api的getRowClass()等。

Answer 1

可能是这样的：

通过此搜索找到：

如果需要，可以使用浏览器开发人员工具对其进行调试。 例如，在Chrome开发人员工具中，您可以右键单击指定为$0元素（在您的问题中），然后单击“中断...->属性修改”。 style属性更改后，您将看到它的来源。

我确实感觉到您的问题有点像XY问题 ...