Primeng - 如何使用styleClass？

Question

我想用styleClass Togglebutton 的属性(property)成分。如 another post 中所述，我认为使用以下方法很简单:

styleClass="test"

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

.test { background: red; }

但这不起作用。与 style 合作使用 [style]="{'background':'red'}" 非常清楚没有问题。但是 styleClass不起作用。 Here is the component .知道如何使用 styleClass ?

Answer 1

澄清一下:styleClass属性只是对组件原始类的补充。这意味着，您始终必须使用原始类来设置组件的样式。与 styleClass然后，您就有可能处理一组相同类型的组件中的一个或多个组件。所以，有五个 Togglebutton组件，您通常可以使用这些组件设置样式

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

如果您想以不同的方式设置其中一个组件的样式，您可以添加 styleClass属性(property):

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

在您的 css 中，您现在可以通过以下方式解决这个问题:

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

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