Блог

Я использую PrimeNG и нахожу способ установить цвет фона элемента управления p-inputNumber.

Он отлично работает с pInputText.

 <!-- OK -->
<input pInputText type="text" style="background: red;"/>

<!-- Not OK -->
<p-inputNumber [showButtons]="true" style="background: red;"></p-inputNumber>
 

Спасибо за подсказку! Я тоже нашел встроенный атрибут.

  <p-inputNumber [showButtons]="true" [inputStyle]="{background: 'red'}"></p-inputNumber>
 

p-inputNumber это компонент, а не простой элемент ввода, и он оформлен по-другому на странице документации. вы можете добавить класс для внутреннего элемента ввода, используя свойство inputStyleClass

добавьте класс css в файл глобального стиля

style.css

 input.bg-red{
 background:red;
 color:#fff;
}
 

шаблон

  <p-inputNumber inputStyleClass="bg-red" [(ngModel)]="value1"></p-inputNumber>
 

демонстрация stackblitz 🚀🚀