Primefaces微调器 - 如何更改宽度

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属性以获得所需的更改。