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로 간다 대신 탭의 적용상에서 tabpanels에 sclass = "XXX"를 사용하여 수행하여 달성 할 수 있습니다.

.xxx *을 사용하면이 CSS 클래스가 tabpanels 및 모든 하위 구성 요소에 적용됨을 의미합니다. ! 또한 중요한 참고

아이들 구성 요소에서 사용되는 font-size 설정을 무시할 필요합니다 오버라이드 (override)의이 방법은 이는 대부분의 구성 요소는 일관성있는 모양에 대한 자신의 CSS 설정에 의존 권장 &가 건너 행동뿐만 아니라 기분이 아닙니다 모든 브라우저