Primefaces spinner - 너비를 변경하는 방법

Question

아래와 같이 Spinner 너비를 변경하면 위쪽/아래쪽 화살표 위치 만 변경됩니다. 텍스트 영역이 기본값으로 유지됩니다. 텍스트 영역을 포함하여 스피너의 크기를 변경하려면 어떻게해야합니까?

<p:spinner id="spinnerBasic" style="width:50px;"/> 

Answer 1

Primefaces 스피너는 텍스트 필드와 컨트롤 요소로 구성된 복합 구성 요소입니다. 이 모든 것은 <span> 안에 렌더링됩니다. primefaces documentation에서

<p:spinner id="spinnerBasic" size="20"..../> 

:

만 텍스트 입력의 크기를 변경하고자하는 경우는 p:spinner는 크기 속성이

크기 :을 결정하는 데 사용되는 문자의 수 너비는 입력 요소입니다.

해당하는 CSS 클래스는 ui-spinner-input입니다. 이 클래스의 width 속성을 변경하여 원하는 변경 사항을 가져옵니다.