我想用styleClass
Togglebutton
的属性(property)成分。如 another post 中所述,我认为使用以下方法很简单:
styleClass="test"
在我的 css 文件中,我设置了一些属性,比如
.test { background: red; }
但这不起作用。与
style
合作使用 [style]="{'background':'red'}"
非常清楚没有问题。但是styleClass
不起作用。 Here is the component .知道如何使用 styleClass
?
最佳答案
澄清一下: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
不是原始选择器的替代品,它是一个补充。
关于Primeng - 如何使用styleClass?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46350302/