在Primeng中更改进度栏颜色

我们如何才能在Primeng中更改进度栏颜色。在进度条文档中，它列出了在Primeng中更改进度栏颜色

ui-progressbar-value

作为其宽度根据值而变化的元素。

但是，当在CSS当我设置

.ui-progressbar-value { 
    background-color: #ef5439; 
}

它不会改变任何东西。事实上，我没有看到任何颜色。任何帮助，将不胜感激。

来源

2017-08-25 codestruggle

怎么样'！important'像'background-color：＃ef5439！important;'？ – Pijotrek

我试过这个还是没变。 – codestruggle

首先添加自己独特的类在你的进度条类似下面 类=“customProgress”，然后尝试重写它在你的SCSS或CSS文件。希望它能正常工作

<p-progressBar class="customProgress" [value]="value"></p-progressBar> 



.customProgress .ui-progressbar .ui-progressbar-label { 
    color: yellow; 
} 

.customProgress .ui-progressbar .ui-progressbar-value { 
    background: red; 
}

来源

2017-08-25 21:29:27

Alok Vishwakarma是否适合你？ – codestruggle

@codestruggle刚刚更新了我的答案......它在我的应用程序中完美地工作。早期的解决方案也在工作，除了价值颜色没有改变。 –

嗨@AlokVishwakarma谢谢你的宝贵答案，我一直在寻找这从过去2小时。是它的工作！。请附上plnkr这个。所以别人不应该奋斗;） –

在Primeng中更改进度栏颜色

回答

相关问题