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

Question

如果我像下面这样更改微调器宽度，则仅更改向上/向下箭头位置 - 文本区域保持默认状态，我如何更改微调器的大小 - 包括文本区域。

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

Answer 1

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

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

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

来自primefaces documentation :

size: Number of characters used to determine the width of the input element.

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