Mozilla进度风格

Question

我的进度表有问题..。在铬中，进度条的值是红色的。我用CSS做的。但在Mozilla中，进度条的值是灰色的。

    progress[value] {
  width: 250px;
  height: 10px;

}
progress[value] {
  -webkit-appearance: none;
  -moz-appearance: none;
   appearance: none;

  width: 250px;
  height: 24px;
}
progress[value]::-webkit-progress-bar {
  background-color: #eee;
  border-radius: 5px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
}
progress[value]::-moz-progress-bar {
    background-color: #eee;
    border-radius: 5px;
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
}
progress[value]::-moz-progress-value {
    background-color:#ff0000;
    -moz-border-radius: 5px; 
    background-size: 35px 20px, 100% 100%, 100% 100%;
    opacity:0.6;
}
progress[value]::-webkit-progress-value {
    background:red;
    border-radius: 5px; 
    background-size: 35px 20px, 100% 100%, 100% 100%;
    opacity:0.6;
}

进度栏的-moz-值必须是红色的，谢谢！

Answer 1

来自css的参考-技巧：

“火狐提供了一个伪类(-moz-progress-bar)，我们可以用它来锁定进度条值。这意味着我们不能在火狐中设置容器的背景样式。”

如前所述，-moz-progress-bar指的是值本身，因此，使其变为红色应该使值符合您的要求。-moz-progress-value不存在。