右对齐InputNumber内容

Question

我编写了一个DataTable，它为每个单元格使用InputNumber。一切正常，但由于InputNumbers＆＃39;的左对齐，桌子看起来很粗糙。内容。我尝试的所有格式都会格式化控件本身，而不是其内容。 有没有办法正确对齐InputNumber的内容？

Answer 1

对于inputNumber，有属性inputStyle和inputStyleClass。

我设法让我的号码输入正确对齐：

<p:inputNumber value="0.00" inputStyle="text-align: right" />

Answer 2

我会做像

这样的事情

span.ui-inputnumber > input[type=text] {
    text-align: right;
}

那应该抓住所有p：inputNumber到处都是。

Answer 3

添加以下css

Thenable<U>

<强> LIVE DEMO

Answer 4

如果2020年或以后的人正在访问此页面：

对于PrimeNG 10，输入样式需要Angular ngStyle语法。只需执行以下操作：

<p-inputNumber [(ngModel)]="0.00" [inputStyle]="{'text-align': 'right'}"></p-inputNumber>

Answer 5

在 2021 年，angular 11 和 primeng v11.3.2 @J-Eibe answer 仍然有效，如果您只想设置单个 p-inputNumber 的样式，但如果您想要更通用的样式，请将以下代码放入您的样式中.css

.p-inputnumber-input{
  text-align: right;
}