ZK - 更改选项卡的字体大小

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" 来应用而不是选项卡。

使用 .xxx * 意味着该 css 类将应用于 tabpanels 以及所有子组件。此外，还需要覆盖子组件使用的任何font-size设置

注意：这种覆盖方式不推荐，因为大多数组件都依赖在他们自己的CSS设置上保持一致的外观和效果所有浏览器上的感觉和行为