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

现在tabpanels使用的sclass =“XXX”为内容进入tabpanels申请，而不是标签实现它。

使用.xxx *表示此css类将应用于tabpanels以及所有子组件。 ！同样重要的是需要覆盖由子组件

注意使用任何font-size设置：压倒一切的这种方式是不推荐为大多数组件依靠一致看好自己的CSS设置&整个感觉和行为所有浏览器