tabs - 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" 在内容进入标签面板时应用而不是标签。

Using.xxx *意味着这个 css 类将应用于tabpanels以及所有子组件。还需要 !important 来覆盖font-size子组件使用的任何设置

注意：不建议使用这种覆盖方式，因为大多数组件依赖于它们自己的 css 设置来获得一致的外观以及跨所有浏览器的行为