4

我正在尝试删除kendoui 树视图组件上的悬停样式，以便当您将鼠标悬停在树视图中的某个项目上时，它没有边框/背景图像等。我已经摆脱了除边框之外的所有内容，因为它看起来有我似乎无法找到其他正在发挥作用的样式。到目前为止，这是我的 CSS ......（除了默认主题）

  .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;}

目前它只是显示一个看起来是黑色的边框，而不是在我添加上面的样式之前的灰色边框......知道我能做些什么来摆脱这个顽固的边框吗？

4

3 回答 3

3

通过在页面上添加这种样式，我可以让它做我想做的事。我相信这部分与css如何在同一页面上的多个不同sharepoint webpart中加载（顺序）有关......

.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-02T15:17:21.063 回答
2

加上使用.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-22T20:59:22.507 回答
0

就我而言，这有帮助：

.k-window-action .k-state-hover {
    border: none;
    background: none;
}

PS：“边框颜色：透明”导致悬停时略有移动

于 2020-07-03T11:48:21.417 回答