如何在微模式下更改悬停在ExtJs treelist菜单上的样式

时间:2017-05-11 16:52:10

标签: javascript css extjs hover treelist

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

我修改了Extjs树状列表项的样式。在普通模式(微=假)下,它们看起来很好,具有不同的背景颜色,填充等。但是当树列表处于微模式(微=真)并且我将鼠标悬停在图标上时,菜单将显示默认样式。

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

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

非常感谢有关如何做到这一点的任何见解。

1 个答案:

答案 0 :(得分:0)

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

Fig1

Fig2

在CSS中,

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

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