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設置&整個感覺和行爲所有瀏覽器