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

使用：

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

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

Answer 2

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

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

Answer 3

树具有使零宽度拆分器工作的特殊代码。