Question

我使用以下代码创建了一个tabbox（附带截图）。

如何将标签的大小设置得更大，以便标签周围有填充？

<tabbox>
    <tabs>
        <tab label="A LABEL"></tab>
    </tabs>
    <tabpanels>
        <button>
    </tabpanels>
</tabbox>

http://img38.imageshack.us/img38/2484/tabbox.png http://img38.imageshack.us/img38/2484/tabbox.png

我尝试过以下CSS：

tab, tabs, tabbox {
    height: 2em;
    line-height: 20px;
    padding: 10px;
    margin: 10px;
}

然而，没有任何改变，我试图用一个子标签元素和一个子描述元素替换label属性，但这也证明是徒劳的。

建议？

编辑搜索：无法在Mac OS X上的firefox中更改XUL元素的样式

Answer 1

这是一个OSX的东西，你可以用这样的东西覆盖：

<tabbox>
    <tabs>
        <tab style="-moz-appearance: none;">
            <label value="test1" style="font-size: 20px; padding: 5px;"/>
        </tab>
    </tabs>
    <tabpanels>
        <button/>
    </tabpanels>
</tabbox>

现在你几乎可以根据自己的喜好自定义它。

以下是我使用标签执行的操作的屏幕截图：

alt text http://img299.imageshack.us/img299/8103/selection001.png

XUL选项卡标签标签高度

1 个答案: