Реализация сплиттера без ширины внутри коробки

Question

У меня есть горизонтальная коробка, состоящая из 4 других коробок, разделенных разделителями. Я хочу использовать разделитель, который выглядит как разделитель деревьев (без ширины), но всякий раз, когда я пытаюсь его использовать, разделители исчезают, и столбцы не могут быть изменены. Есть идеи почему?

Или у вас есть идея, как я могу реализовать сплиттер, который будет выглядеть как * с id="folderpane_splitter", ширина которого, вероятно, 1px? Это решение было бы идеально для меня.

Мой код выглядит так:

<hbox>
     <hbox flex="10">
         <label value="name1"/>
     </hbox>
     <splitter/>
     <hbox flex="20">
         <label value="name2"/>
     </hbox>
     <splitter/>
     <hbox flex="30"">
         <label value="name3"/>
     </hbox>
     <splitter/>
     <hbox flex="40">
         <label value="name4"/>
     </hbox>
</hbox>

Если кому-то интересно, я работаю над расширением для Thunderbird.

Answer 1

Использование:

<splitter style="background-image: none; width: 1px; min-width: 1px;"/>

дал мне то, что мне нужно. Вероятно, не переопределение минимальной ширины приводило к потемнению.

Answer 2

Деревья имеют специальный код для работы сплиттеров нулевой ширины.

Answer 3

Я пытался использовать id = "folderpane_splitter" в Firefox, но это не изменило внешний вид. В любом случае, возможно, вы ищете что-то подобное?

<splitter style="-moz-appearance: separator;"/>