Primeng - 如何使用styleClass？

Question

我想使用组件的styleClass属性Togglebutton.正如另一篇文章所述,我认为通过以下方式直截了当:

styleClass="test"

在我的css文件中,我然后设置了一些属性,比如

.test { background: red; }

但这不起作用.与工作style是利用非常清楚[style]="{'background':'red'}"没有问题这一点.但是styleClass不起作用.这是组件.不知道怎么用styleClass？

Answer 1

为了清楚起见:该styleClass属性只是组件原始类的一个补充.这意味着,您始终必须使用原始类来设置组件的样式.随着styleClass你就必须解决一系列同类型的组件中的一个或多个组件的可能性.因此,有五个Togglebutton组件,您通常可以使用这些组件

.ui-togglebutton.ui-button.ui-state-active{}

如果您希望以不同方式设置其中一个组件,则可以添加该styleClass属性:

<p-toggleButton styleClass="different"></p-toggleButton>

在您的CSS中,您现在可以通过以下方式解决此问题:

.different.ui-togglebutton.ui-button.ui-state-active{}

因此styleClass不是原始选择器的替代品,它是一个补充.