rich : 캘린더 단축 입력 필드 시간 단축

Question

첨부 된 이미지에 시간을 입력하는 숫자 입력 필드가 표시됩니다. 전체 캘린더를 확장함으로써 스피너를 조금 더 보여줄 수있었습니다. 난 숫자 입력 필드의 너비를 줄이는 방법을 알아 내려고 노력하고있어. 스피너 화살표의 크기를 늘릴 수있는 방법이 있다면 도움이 될 것입니다. 고맙습니다.

매뉴얼 나는 읽고 있었다 : http://docs.jboss.org/richfaces/latest_4_3_X/Component_Reference/en-US/html/chap-Component_Reference-Rich_inputs.html#sect-Component_Reference-richcalendar-Client-side_customization

내 코드 :

<style type="text/css"> 
    .rf-cal-sp-btn{ 
    width : 15px; 
    } 
    .rf-cal-sp-up{ 
    width : 20px; 
    } 
    .rf-cal-sp-down{ 
    width : 20px; 
    } 
</style> 


<h:panelGroup>   
       <rich:calendar value="#{bean.timeField}" id="id1" 
         popup="true" datePattern="M/dd/yyyy hh:mm a" 
         enableManualInput="false" required="true" 
         showApplyButton="true" popupStyle="width:350px;" popupClass="rf-cal-sp-btn rf-cal-sp-up rf-cal-sp-down" 
         requiredMessage="blah blah required"> 
         <f:ajax event="change" execute="@this" bypassUpdates="#{true}" render="id1 id1Msg"/> 
       </rich:calendar> 
       <rich:message for="id1" id="id1Msg" /> 
      </h:panelGroup> 

내 캘린더 표시 형태 : 외부 CSS 파일에 대한 "http://snag.gy/LvzvA.jpg"

Answer 1

확실하지하지만 난 얻을 수있었습니다 내부 스타일 시트를 사용하여이를 지나치게하십시오. ui : composition 다음과 form 태그 앞에이 코드를 추가했습니다. 이것은 바람직하지 못한 효과를 야기한다 ; {95 % 폭} 테이블 .component 입력 :

<h:head>  
    <style type="text/css"> 
    #content table .component input { 
     width: 70%; 
    } 
    </style> 
</h:head>