css - 在盒子内实现没有宽度的拆分器

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

我尝试在 firefox 中使用 id="folderpane_splitter"但它并没有改变外观。无论如何，也许您正在寻找这样的东西？

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