プライムフェイススピナー - 幅を変更する方法

Question

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

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

Answer 1

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

あなただけのテキスト入力の大きさを変更したい場合は、p:spinnerは、サイズ属性を持っています

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

primefaces documentationから：

サイズ：決定するために使用される文字の数入力エレメントの幅を指定します。

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