移除Kendo Treeview上的悬停样式

我试图移除kendoui treeview component上的悬停样式，以便当您将鼠标悬停在树形视图中的某个项目上时，它没有边框/背景图片等。我已经除掉了因为它看起来像还有其他样式在玩，我似乎无法找到。这里是我的CSS那么远，（除了默认主题）移除Kendo Treeview上的悬停样式

.k-treeview .k-in.k-state-hover{ 
    background-image:none; 
    background-color:#fff;border:none; 


} 

.k-treeview .k-in.k-state-selected{ 
    background-image:none; 
    background-color:#fff;color:#000;border:none;}

目前，它只是显示一个边界，看起来是黑色的，而不是灰色的，这就是一个有之前我添加的样式上面...任何想法我能做些什么来摆脱这个顽固的边界？

来源

2013-05-02 BlueBird

使用开发人员工具检查元素（特定查看计算样式）并找到适用的样式 – Tomer 2013-05-02 13:22:55

随着这种嵌入式页面的风格的增加，我能够得到它做我想做的。我认为这是部分地涉及到如何的CSS被加载在同一页上的多个不同的SharePoint的WebParts（为了）...

.k-treeview .k-in.k-state-hover, .k-treeview .k-in.k-state-selected { 
    border-style: none; 
    border-width: 0; 
    padding: 2px 4px 2px 3px; 
}

来源

2013-05-02 15:17:21 BlueBird

谢谢。我已经准备好空手道了，那肯定不会出现在Kendo – Nick 2013-06-17 22:18:22

@Nick我不得不在铬中使用检查员来确定要删除哪些样式，在我的场景中有大约十几个属性，我必须覆盖3个不同的选择器。 – 2013-08-15 17:10:10

理想的情况是，在kendo控件中标记一个选项来禁用悬停状态，而不必编写一个附加覆盖来反击kendo切换。 – beauXjames 2013-11-11 23:44:20

加上使用的.k-state-disabled，看来我可能已经找到了一个稍微更好的CSS解决方案

节点完全不动，而且看起来完全禁用。

.k-treeview .k-in.k-state-hover, 
.k-treeview .k-in.k-state-focused, 
.k-treeview .k-in.k-state-selected { 
    border-color:transparent; 
    background-color:transparent; 
}

我也添加了一些JavaScript来阻止节点的扩展和禁用复选框。

来源

2014-01-22 20:59:22 DaleyKD

移除Kendo Treeview上的悬停样式

回答

相关问题