如何在TreeView中显示我的图标而不是箭头？

Question

我尝试用我的图标替换TreeView中的默认箭头图标。问题是我的图标被裁剪，虽然它只有9x9像素。要替换图标我按照stackoverflow上的建议使用CSS：

.tree-cell > .tree-disclosure-node > .arrow {
    -fx-background-color: null;
    -fx-background-image: url("plus-icon.gif");
}

.tree-cell:expanded > .tree-disclosure-node > .arrow {
    -fx-background-color: null;
    -fx-background-image: url("minus-icon.gif");
}

但是这会让我的小图标被裁剪（剪切）：

我尝试通过使用css和padding来改变它，但它没有帮助。

谢谢！

Answer 1

使用9 * 9图标并给出CSS：

.tree-cell .tree-disclosure-node .arrow {
-fx-shape: null;
-fx-background-color: null;
-fx-background-image: url("plus-icon.gif");
}

.tree-cell:expanded .tree-disclosure-node .arrow {
-fx-shape: null;
-fx-background-color: null;
-fx-background-image: url("minus-icon.gif");
}