Html 使用进度标记的ID更改进度标记的颜色

Html 使用进度标记的ID更改进度标记的颜色,html,css,Html,Css,我已经创建了多个进度和仪表标记,并为其分配了ID。现在我想为这个进度标签和仪表标签使用不同的颜色 有没有办法使用there id.更改这些标签的颜色。。?我找到了方法,但它同时改变了所有标签的颜色 提前感谢,, Vishesh.您可以使用css设置进度样式: #New{ color: #0063a6; border: 1px solid #0063a6; background: #fff; } 对于值: #New[value]::-webkit-progress-value{

我已经创建了多个进度和仪表标记,并为其分配了ID。现在我想为这个进度标签和仪表标签使用不同的颜色

有没有办法使用there id.更改这些标签的颜色。。?我找到了方法,但它同时改变了所有标签的颜色

提前感谢,,
Vishesh.

您可以使用css设置进度样式:

#New{
  color: #0063a6;
  border: 1px solid #0063a6;
  background: #fff;
}
对于值:

#New[value]::-webkit-progress-value{
     background: #0063a6;
}

演示:

您的代表/演示html将是..?很抱歉,我没有收到您的问题。当我尝试使用id应用css时,它不会改变:-像这样#新{边框:1px纯黑;颜色:蓝色;背景颜色:黄色;}是的。现在:你的HTML是什么?谢谢你的回答,但它不起作用。在你的小提琴中,试着给任何其他颜色,它不需要我给的颜色,因为它没有变化。只需提一下,我正在测试这一个的色度。但仅针对基于webkit的浏览器:效果很好。。谢谢。。!!其他浏览器呢?您可以在“关于样式的更多信息”下阅读有关这方面的完整文章。