jsf-2 - Primefaces 微调器 - 如何更改宽度

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