Mozilla的进度风格

Question

我的进度条有问题 在Chrome中，进度条的值是红色的..我用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-值必须是红色，在此先感谢！从CSS-技巧

Answer 1

参考：

“火狐提供一个伪类（-moz-progress-bar），我们可以用它来针对进度条值。这意味着我们不能风格的Firefox容器的背景。”

就像说的那样，-moz-progress-bar指的是价值本身，所以使它红色应该使价值作为你想要的。 -moz-progress-value不存在。