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