2012-07-05 2 views
0

xul 어플리케이션에이 트리 구조가 있습니다.트리 아이템의 기본 화살표 아이콘 변경

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

xul 전문가가 이미 알고있는 것처럼 트리 문자가 포함 된 트리item에는 레이블에서 왼쪽 화살표가 표시됩니다. 이처럼 : 내가 알고 싶은 무엇

enter image description here

이 화살표와 위치를에 오른쪽을 변경하는 방법입니다.

답변

1

이 화살표는 "구불 구불"이라고 불리며 -moz-tree-twisty pseudo-class을 사용하여 스타일이 지정됩니다. 기본 윈도우 테마는 구불 구불 한 나무에 대해 다음 스타일을 정의 :

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"); 
} 

를 이러한 스타일 당신은 또한 다른 이미지를 사용할 수 있습니다, 그 폭과 여백을 변경을 무시함으로써. 그러나 나는 그것을 다른 위치로 옮길 수 있다고 생각하지 않는다.

+0

나는 여백을 남겨서 오른쪽으로 구불 구 불한 모양으로 정렬하고 어떻게 든 작동했다. 당신의 도움을 주셔서 대단히 감사합니다 – madeye