更改选项卡的字体大小

Question

我想更改选项卡中文本的字体大小。这行不通:

    <zk>
    <style>
            .xxx { 
                font-size: 28px;  
            } 
    </style>
    <vlayout style="padding:20px">
        <tabbox width="100%">
            <tabs>
                <tab label="Tab 1" sclass="xxx"/>
                <tab label="Tab 2"/>
                <tab label="Tab 3"/>
            </tabs>
            <tabpanels>
                <tabpanel>This is panel 1</tabpanel>
                <tabpanel>This is panel 1</tabpanel>
                <tabpanel>This is panel 1</tabpanel>
            </tabpanels>
        </tabbox>
    </vlayout>
</zk>   

我做错了什么?

Answer 1

如果你必须这样做，那么你可以通过以下操作来实现

.xxx * { 
            font-size: 28px !important;  
        } 

现在在标签面板上使用sclass="xxx"代替TAB作为内容进入标签面板。

使用.xxx *意味着这个css类将应用于tabpanels以及所有子组件。同样重要的是，需要覆盖子组件使用的任何font-size设置

注意:这种重写方式是不推荐的，因为大多数组件依赖于自己的css设置来保持一致的外观&所有浏览器的感觉和行为