Primefaces微调器 - 如何改变宽度

Question

如果我更改Spinner宽度，如下所示只更改了上/下箭头位置 - 文本区域保持默认状态，如何更改微调器的大小 - 包括文本区域。

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

Answer 1

Primefaces微调器是一个由文本字段和控制元素组成的复合组件。所有这些都将在<span>内呈现。

如果您只想更改文字输入的大小，p:spinner有一个尺寸属性：

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

来自primefaces documentation：

  

size：用于确定宽度的字符数   输入元素。

相应的css类是ui-spinner-input。更改此类的width属性以获得所需的更改。