如何更改HTML中进度条值的颜色？

概述progress { border: none; width: 400px; height: 60px; background: crimson; } progress { color: lightblue; } progress::-webkit-progress-value { background: lightblue; }

progress {  border: none;  wIDth: 400px;  height: 60px;  background: crimson;}progress {  color: lightblue;}progress::-webkit-progress-value {  background: lightblue;}progress::-moz-progress-bar {  background: lightcolor;}

我几乎尝试了所有东西,但进度条的值颜色保持不变.唯一能够响应变化的浏览器是IE. firefox允许仅更改背景颜色. Chrome根本不显示任何内容.你能发现我的代码有什么问题吗？最佳答案

progress {  border: none;  wIDth: 400px;  height: 60px;  background: crimson;}progress {  color: lightblue;}progress::-webkit-progress-value {  background: lightblue;}progress::-moz-progress-bar {  background: lightcolor;}progress::-webkit-progress-value {  background: red;}progress::-webkit-progress-bar {  background: blue;}

It will work on webkit browser,like this example

总结

以上是内存溢出为你收集整理的如何更改HTML中进度条值的颜色？全部内容，希望文章能够帮你解决如何更改HTML中进度条值的颜色？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址: https://outofmemory.cn/web/1125081.html