2017-04-13 29 views
0

PrimeNgのドロップダウンアイコンのスタイルを設定しようとしています。ここでPrimeNgドロップダウンアイコンのスタイル設定方法

https://www.primefaces.org/primeng/#/dropdown

それが現在見て、私はそれが見えるように取得しようとしている方法です。 enter image description here

私は

ui-dropdown-trigger 

のスタイルを持って推測しているが、私はそれを設定するかわからないんだけど。

私は背景色を試しましたが、うまくいきませんでした。

<p-dropdown ... [styleClass]="{background-color:black}" ...></p-dropdown> 

任意のアイデア:

私が試したもう一つは、ちょうどのような属性として設定することでしたか?

編集は:

  1. オフ回さカプセル化(reference

  2. 追加のCSSに以下のコード:

    これは私が所望の出力を得た方法であります

    本文.ui-dropdown .ui-dropdown-trigger { backgラウンドカラー:#2399E5; 色:白; }

答えて

1

私はprimengからの付属のブートストラップテーマを使用します。だから私は適応する必要があります:

body .ui-dropdown .ui-dropdown-trigger { 
    background-color: blue; 
} 

テーマのトリガーを着色するには。

+0

あなたの答えに加えて、私はカプセル化が動作する前にオフにしなければなりませんでした。参照先:http://stackoverflow.com/a/38339123/7615751 – ire