Css 在盒子内实现无宽度拆分器

我有一个水平的盒子，由4个其他的盒子组成，用拆分器隔开。我想使用一个看起来像没有宽度的树拆分器的拆分器，但是每当我尝试使用它时，拆分器就会消失，列也无法调整大小。你知道为什么吗

或者你知道我如何实现一个像id=folderpane\u的拆分器一样的拆分器，它的宽度可能是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开发一个扩展。

我尝试在firefox中使用id=folderpane\u拆分器，但它没有改变外观。不管怎样，也许你在找这样的东西

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

使用：

---

给了我需要的外表。可能没有覆盖min width会使其变薄而变黑。

树必须使零宽度拆分器工作。

id=folderpane\u拆分器在Thunderbird而不是Firefox中，您给了我一个很好的提示-现在必须检查一些东西：非常感谢！

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