CSSを使用してAngular2の任意のPrimeNGモジュールの色を変更する方法は？

Question

私はAngular2プロジェクトに取り組んでいます。私のアプリケーションは主にPrimeFacesを作成する同じ会社が提供するPrimeNGフレームワークで構築されています。

Accordionパネルの色と全体的な外観をカスタマイズしたいという問題が発生しましたが、styleClassプロパティを使用してそれを行う方法を理解できません。

どこに設定すればよいですか？さらに

<p-accordionTab header="Personal Information" styleClass="myStyleClass"> 
Content 
</p-accordionTab> 

、私はそれを動作させるために私のCSSを作るべきかを知ってみたい：WebStormは、私はそれをこの方法を行う場合は、それを好きに思えないのですか？

あなたの入力を気に入ってください！ :)

Answer 1

私もprimengで働いていますし、それはあなたの例に基づいて動作するはず方法は以下の通りです：

p-accordionTab.myStyleClass { 
    width: 500px; 
} 

しかしstyleClassのが正常に動作していないバグレポートがたくさんあります。

.ui-accordion { 
    width: 500px 
} 

あなたがであなたの.cssファイルを定義することができます。style.cssに、このようにそれらを使用するので、

ui-accordion 
ui-accordion-header 
ui-accordion-content 

私のために働いている： は、だから私は、あなたが定義しprimengデフォルトのスタイルクラスを使用するように助言しますあなたの角度cli.jsonは次のようになります：

"styles": [ 
     "styles.css" 
] 

希望します！