标签: javascript css extjs hover treelist
我正在使用Ext js 6.2.1 Treelist。这是厨房水槽link。
我修改了Extjs树状列表项的样式。在普通模式(微=假)下,它们看起来很好,具有不同的背景颜色,填充等。但是当树列表处于微模式(微=真)并且我将鼠标悬停在图标上时,菜单将显示默认样式。
如何在我悬停时出现的菜单上应用相同/不同的样式?
查看DOM令人费解,因为相同的无序列表项被用于显示为悬停在工具栏上。
非常感谢有关如何做到这一点的任何见解。
答案 0 :(得分:0)
在鼠标悬停时右键单击要突出显示的节点,然后单击“检查元素”。您将看到该元素的css类。记下元素的类,在css文件中,使用background-color属性添加使用'Inspect element'找到的类。
在CSS中,
.x-tree-node-text:hover{background-color:blue !important}
大多数示例的来源都在您下载的extjs文件夹中。您可以参考“examples”文件夹。