如何在微模式下更改ExtJs treelist中菜单悬停的样式
如何在微模式下更改ExtJs treelist中菜单悬停的样式
提问于 2017-05-12 00:52:10
我使用的是Ext js 6.2.1 Treelist。这是厨房水槽的link。
我修改了Extjs treelist项的样式。在正常模式(micro=false)下，它们与不同的背景颜色，填充等看起来很好。但当树形列表处于微型模式(micro=true)时，我将鼠标悬停在图标上-菜单显示为默认样式。
如何在悬停时出现的菜单上应用相同/不同的样式？
查看DOM是令人费解的，因为相同的无序列表项被用来显示为工具条的悬停。
如果有任何关于如何做到这一点的见解，将不胜感激。
回答 1
Stack Overflow用户
发布于 2017-05-12 15:48:51
鼠标悬停时，右键单击要突出显示的节点，然后单击“Inspect Element”。您将看到该元素的css类。记下元素的类，在你的css文件中，添加你找到的带有背景颜色属性的'Inspect element‘类。
在CSS中，
.x-tree-node-text:hover{background-color:blue !important}大多数示例的源代码都在您下载的extjs文件夹中。有一个'examples‘文件夹，你可以参考它。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/43921452
复制相关文章
相似问题
腾讯云开发者
