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

Question

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

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

当我将鼠标悬停在上方时，如何在出现的菜单上应用相同/不同的样式？

看着DOM令人困惑，因为相同的无序列表项通常被显示为悬停在工具栏上。

希望对如何执行此操作有任何见解。

Answer 1

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

在CSS中，

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

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