styleClass
コンポーネントのTogglebutton
プロパティを使用します。 別の投稿 で説明されているように、私はそれを使用することで簡単だと思った:
styleClass="test"
私のcssファイルでは、次のようないくつかの属性を設定します
.test { background: red; }
しかし、これは機能しません。 style
の操作は、[style]="{'background':'red'}"
それで問題ありません。ただし、styleClass
は機能しません。 ここにコンポーネントがあります 。 styleClass
の使用方法はありますか?
明確にするために:styleClass
プロパティは、コンポーネントの元のクラスへの追加にすぎません。つまり、コンポーネントのスタイルを設定するには、常に元のクラスを使用する必要があります。 styleClass
を使用すると、同じタイプのコンポーネントのセットの1つ以上のコンポーネントに対処することができます。したがって、5つのTogglebutton
コンポーネントがあるので、通常、これらのコンポーネントを
.ui-togglebutton.ui-button.ui-state-active{}
それらのコンポーネントの1つを異なるスタイルにしたい場合は、styleClass
プロパティを追加できます。
<p-toggleButton styleClass="different"></p-toggleButton>
そして、CSSで次の方法でこの問題に対処できます。
.different.ui-togglebutton.ui-button.ui-state-active{}
したがって、styleClass
は元のセレクタの代わりではなく、追加です。