<?xml version="1.0"?> <?xml-stylesheet href="chrome://global/skin" type="text/css"?> <window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" xmlns:html="http://www.w3.org/1999/xhtml"> <image src="treetwisty-context-paint.svg" id="preload-image"/> <html:style> #preload-image { visibility: collapse; } #preload-image, treechildren::-moz-tree-twisty { -moz-appearance: none !important; -moz-context-properties: fill, fill-opacity, stroke, stroke-opacity !important; fill: green; fill-opacity: 0.5; stroke: purple; stroke-opacity: 0.2; list-style-image: url(treetwisty-context-paint.svg); } </html:style> <tree seltype="single" flex="1"> <treecols> <treecol flex="1" primary="true"/> </treecols> <treechildren> <treeitem> <treerow> <treecell label="----"></treecell> </treerow> </treeitem> <treeitem container="true" open="true"> <treerow> <treecell label="----"></treecell> </treerow> <treechildren> <treeitem> <treerow> <treecell label="----"></treecell> </treerow> </treeitem> </treechildren> </treeitem> </treechildren> </tree> </window>