0

xulアプリケーションにこのツリー構造があります。

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

xul gurusがすでに知っているように、treechildrenを含むtreeitemは、ラベルから左に矢印を取得します。このような：

ここに画像の説明を入力してください

私が知りたいのは、この矢印を変更して右端に配置する方法です。

4

1 に答える 1

1

この矢印は「ツイスティ」と呼ばれ、-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");
}

これらのスタイルをオーバーライドすることで、幅と余白を変更し、他の画像を使用することもできます。ただし、別の位置に移動することはできないと思います。

于 2012-07-05T13:49:02.567 に答える