Primefaces微调器 - 如何改变宽度

use*_*804 9 primefaces jsf-2

如果我更改像下面的微调器宽度只更改上/下箭头位置 - 文本区域保持默认,我如何更改微调器的大小 - 包括文本区域.

<p:spinner id="spinnerBasic" style="width:50px;"/> 
Run Code Online (Sandbox Code Playgroud)

Mat*_*ndy 18

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

如果您只想更改文本输入p:spinner的大小,则具有size属性:

<p:spinner id="spinnerBasic" size="20"..../>
Run Code Online (Sandbox Code Playgroud)

primefaces文档:

size:用于确定input元素宽度的字符数.

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