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

发布时间：2020-12-14 23:13:20 所属栏目：资源来源：网络整理

导读：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 {
  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



                        （编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!