2017-04-13 39 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