2017-04-13 51 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:

    body .ui-dropdown .ui-dropdown-trigger { 黑色圓形顏色:#2399E5; 顏色:白色; }

回答

1

我使用primeng提供的bootstrap主題。所以我不得不適應:在CSS中爲主題中的觸發器着色。

+0

除了你的回答,我還不得不關閉封裝之前,它的工作。參考它:http://stackoverflow.com/a/38339123/7615751 – ire