Angular验证和PrimeNG组件的CSS问题

Question

当我在PrimeNG组件中使用“ required”属性时，出现以下问题：

问题是.ng-invalid的css样式在p日历组件上，而不在输入本身上。

是否可以将ng-invalid类从组件移至组件内部的输入？会轻松解决我的问题吗？

感谢您的帮助！

Answer 1

我有同样的问题。诀窍是将边框从组件移到输入。这不是Primeng组件的详尽列表，我会在遇到它们时添加它们。

p-calendar.ng-invalid,
p-dropdown.ng-invalid,
p-selectbutton.ng-invalid {
  border-left: none;

  .ui-calendar input,
  .ui-dropdown,
  .ui-selectbutton {
    border-left: 5px solid red;
  }
}