css - KendoUI TreeList 更改展开/折叠图标

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