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不存在。