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;  
        }

现在在tabpanels上使用sclass =“xxx”代替tab，因为内容会进入tabpanels。

使用.xxx *表示此css类将应用于tabpanels以及所有子组件。另外！important必须覆盖子组件使用的任何font-size设置

注意：这种覆盖方式建议不，因为大多数组件都依赖于自己的css设置以获得一致的外观和放大效果。感觉以及所有浏览器的行为

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

1 个答案: