panelGrid 내의 selectOneMenu -> 행 높이가 너무 큼

Question

저는 panelGrid가 포함 된 양식을 포함하고있는 UI 컴포지션을 가지고 있습니다. panelGrid에는 4 개의 열이있는 7 개의 행이 있습니다. 마지막 행은 두 번째 열에 selectOneMenu를 포함합니다.
행 높이를 22px로 조정해야합니다. 셀의 모든 요소는 21px 이하입니다. 방화범이 끌려, 그 selectOneMenu는 21px 높은 우물을 보여줍니다. 그러나 여하튼 행은 25px 높이 일 것이다. 내가 찾은 유일한 CSS 변경 사항은 selectOneMenu의 내부 라벨 높이를 15px에서 12px로 설정하는 것입니다. 그러나 모든 입력에는 내부 높이가 15px이므로이 방법은 해결책이 아닙니다.

<p:row> 
<p:column styleClass="columnLabel"> 
<p:outputLabel value="#{msgs.inv_sum_assignment}" /> 
</p:column> 
<p:column> 
<p:selectOneMenu styleClass="assign" disabled="#{summaryBean.noInvoiceSelected}" value="#{summaryBean.assignedUser}" converter="vertreterConverter" immediate="true"> 
<f:selectItem itemValue="#{null}" /> 
<f:selectItems value="#{summaryBean.possibleAssignments}" var="vertreter" itemLabel="#{vertreter.lastname}, #{vertreter.firstname}" itemValue="#{vetreter}" /> 
<p:ajax event="change" /> 
</p:selectOneMenu> 
</p:column> 
... 

selectOneMenu TR 스타일

selectOneMenu 레이아웃

TR 레이아웃 셀의 스크린 샷은

당신은 행 높이를 받고, 좀 도와 줄래 22px 또는 불가능합니까?

내가 사용하고 있습니다 : primefaces 버전 6.1 com.sun.faces JSF 버전 2.2.8

Answer 1

글쎄, 난, 왜,하지만 지금은 라인 높이 작동하는지 잘 모르겠습니다. 아마도 트리거 크기를 변경했기 때문일 수 있습니다. 확실하지. 도와 줘서 고마워.

Answer 2

<p:panelGrid columnClasses="rowHeight"> 

당신의 CSS에서 말 :

.rowHeight { 
    height: 22px; 
    max-height: 22px; 
} 

그것을 강제로 :

.rowHeight { 
    height: 22px !important; 
    max-height: 22px !important; 
} 

여전히 작동하지 않는다면 margin 및 padding을 제거하십시오. 당신이 최대를 제거하려고 할 수 있습니다 작동되면)

,이 여전히 작동하지 않으면

는

, 당신이 특정 높이가 panelGrid에 요소 중 하나를 사용자 정의하고 마녀를 찾아야합니다 의미 - 높이 그리고 중요한! 그럼 당신은 범인을 찾을 것입니다