primefaces 스타일이 중첩 된 요소 Primefaces TabView 구성 요소의 탭 내부에 패딩을 제거하기위한

Question

에만 적용, 내 CSS 파일에 새로운 스타일을 만들어 탭. 하지만 작동하지 않습니다 :

<p:tab id="fieldCategoryTab" title="category" styleClass="tabviewleft" > 

그런 다음 TabView 구성 요소에 적용 해보았습니다. 그러나 너무 작동하지 않았다 :

<p:tabView id="tabViewLeft" styleClass="tabviewleft"> 

그런 다음 나는 TabView 외부 사업부를 생성하고 일 :

<div id="teste" class="tabviewleft"> 

이유는 스타일을 적용 할 수있는 TabView 외부 사업부를 만들 필요가?

div를 만들지 않고 Tab 또는 TabView에 직접 적용 할 수 있습니까?

설명해 주셔서 감사합니다.

Answer 1

예 가능합니다. 당신의 <p:tabView>의이 구조를 가정 하는 것은 같은 것입니다 :

<p:tabView id="tabView" styleClass="tabView" dynamic="true" 
    cache="false"> 

    <p:tab title="#{trhBundle['paidLeave']}" id="paid"> 
     <h:form> 
     </h:form> 
    </p:tab> 

    <p:tab title="#{trhBundle['RTT']}" id="rtt"> 
     <h:form> 
     </h:form> 
    </p:tab> 

    <p:tab title="#{trhBundle['specialLeave']}" id="special"> 
     <h:form> 
     </h:form> 
    </p:tab> 
</p:tabView> 

그때 나는이 <p:tab>의 모든 패딩을 제거 할 생각 CSS를

.tabView .ui-tabs-panel { 
padding: 0px!important; 
} 

를 추가합니다.