<p : selectOneMenu>의 너비를 변경합니다

Question

slectOnMenu 구성 요소가 있습니다 .ui-selectonemenu, ui-selectonemenu-을 재정의 한 후 width:120% !important;을 스타일로 설정하여 slectOnMenu의 너비를 변경하려하지만 레이블 만 변경되었습니다 어떻게 이동시킬 수 있습니까? 방아쇠를 당겨도? 아래의 흰색 영역과 같이 selectOneMenu 너비를 변경하고 싶습니다.

CSS

   <h:form id="rqScannerForm"> 
       <style type="text/css"> 
        .ui-selectonemenu{width: 120% !important;} 
        .ui-selectonemenu-label{width: 120% !important;} 
       </style> 
        <p:selectOneMenu style="width: 120% !important;}" scrollHeight="150" 
        value="#{viewEventStatusController.eventStatusId}" disabled="#{!eventStatusController.isEntityEditable}" autoWidth="false" > 
        <f:selectItems value="#{viewEventStatusController.eventStatusList}" var="eventStatus" itemValue="#{eventStatus.id}" itemLabel="#{eventStatus.objectId}" /> 
        </p:selectOneMenu> 
       </h:form> 

스크린 샷

Answer 1

.ui-selectonemenu { 
    min-width: 50% !important; 
} 

그냥 인식이 만드는 폭이 더 큰 다음 100 % 레이아웃 캔 엉망. 나는 100 % 더 큰 것을 사용 해본 적이 없다!.

.ui-selectonemenu { 
    min-width: 8em !important; 
} 

의