Question

我尝试将默认的展开/折叠图标更改为更大的图标。我设置了以下css更改，但似乎没有任何效果：

.k-treelist .k-minus {        
     background: url('../img/Misc/customCollapsedIcon.png') center center;
}

.k-treelist .k-plus {
    background: url('../img/Misc/customExpandedIcon.png') center center;
 }

任何人都可以给我一些建议，我需要改变一下，以便对TreeList产生影响吗？

Answer 1

尝试在这些CSS规则中为每个新图标指定确切的高度和宽度。

如果这不起作用，请确保其他CSS规则不会覆盖这些规则。

Answer 2

使用2016 Q1版本需要使用

.k-treelist .k-i-expand{
background: url("/Content/...") center center no-repeat // i'm on an asp.net web app
}
.k-treelist .k-i-collapse{
background: url("/Content/...") center center no-repeat
}

我正在使用字体真棒图标所以我必须转到http://fa2png.io/并将chevron-right转换为png并将其保存为16x16

KendoUI TreeList更改展开/折叠图标

2 个答案: