tree - 更改 treeitem 的默认箭头图标

Question

我的 xul 应用程序中有这个树结构。

<tree>
    <treechildren>
        <treeitem>
            <treerow> 
                 /* some code */
            </treerow>
            <treechildren>
                <treeitem> /* some code */</treeitem>
                <treeitem> /* some code */</treeitem>
            </treechildren>
         </treeitem>
     </treechildren>
</tree>

正如您 xul 大师已经知道的那样，包含 treechildren 的 treeitem 会从标签左侧获得一个箭头。像这样：

我想知道的是如何更改此箭头并将其放置在最右侧。

Answer 1

这个箭头被称为“twisty”，它使用-moz-tree-twisty伪类来设置样式。默认的 Windows 主题为扭曲树定义了以下样式：

treechildren::-moz-tree-twisty {
  -moz-padding-end: 4px;
  padding-top: 1px;
  width: 9px; /* The image's width is 9 pixels */
  list-style-image: url("chrome://global/skin/tree/twisty-clsd.png");
}

treechildren::-moz-tree-twisty(open) {
  width: 9px; /* The image's width is 9 pixels */
  list-style-image: url("chrome://global/skin/tree/twisty-open.png");
}

通过覆盖这些样式，您可以更改其宽度和边距，您还可以使用其他图像。但是，我认为您不能将其移至其他位置。