jsf-2 - Primefaces spinner - 幅を変更する方法

Question

以下のようにスピナーの幅を変更すると、上/下矢印の場所のみが変更されます-テキスト領域はデフォルトのままですが、テキスト領域を含むスピナーのサイズを変更するにはどうすればよいですか.

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

Answer 1

Primefacesスピナーは、テキストフィールドとコントロール要素で構成される複合コンポーネントです。これはすべて、内にレンダリングされます<span>。

テキスト入力のサイズのみを変更する場合p:spinnerは、にsize属性があります。

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

Primefacesのドキュメントから：

size：入力要素の幅を決定するために使用される文字数。

対応するcssクラスはui-spinner-inputです。widthこのクラスの属性を変更して、必要な変更を取得します。