代码之家 › 专栏 › 技术社区 › Ivan

XUL选项卡框选项卡标签高度

firefox-addon xul css

0

Ivan · 技术社区 · 16 年前

我使用以下代码创建了一个选项卡框(附带屏幕截图)。

如何将选项卡的大小设置为较大,以便标签周围有填充物?

<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元素的样式

1 回复 | 直到 16 年前

1

lithorus 16 年前

这是一个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