javascript - 如何在微模式下更改 ExtJs 树列表中悬停在菜单上的样式

Question

我正在使用 Ext js 6.2.1 Treelist。这是厨房水槽链接。

我修改了 Extjs 树列表项的样式。在普通模式（micro=false）下，它们在不同的背景颜色、填充等下看起来不错。但是当树列表处于 Micro 模式（micro=true）并且我将鼠标悬停在图标上时 - 菜单以默认样式显示。

我如何在悬停时出现的那些菜单上应用相同/不同的样式？

查看 DOM 令人费解，因为相同的无序列表项被显示为悬停在工具条上。

将不胜感激有关如何做到这一点的任何见解。

Answer 1

在悬停时右键单击要突出显示的节点，然后单击“检查元素”。您将看到该元素的 css 类。记下元素的类，并在您的 css 文件中，添加您使用带有背景颜色属性的“检查元素”找到的类。

在 CSS 中，

 .x-tree-node-text:hover{background-color:blue !important}

大多数示例的来源都在您下载的 extjs 文件夹中。您可以参考一个“示例”文件夹。