treeview - 如何使展开/折叠三角形变大？

Question

Kendo UI TreeView 三角形对于我的用户来说太小了。 我想让它们更大。

Answer 1

如果您只想放大这些图标，您可以尝试创建两个具有所需尺寸的图像，然后定义以下样式:

#grid .k-hierarchy-cell > .k-icon.k-plus {
    background-image: url('/images/plus.png');
    background-position: 0 0;
    width: 32px;
    height: 32px;
}

#grid .k-hierarchy-cell > .k-icon.k-minus {
    background-image: url('/images/minus.png');
    background-position: 0 0;
    width: 32px;
    height: 32px;
}

在这里，我创建了一个图像并保存在 /images/plus.png 中，用于扩展细节和大小 32x32 像素，另一个保存在 /images/minus.png 中折叠它。

使用 CSS 选择器，我将其范围限制为 id 为 grid 的网格。