如何使mozilla进度条与chrome相同

时间:2014-02-04 20:01:07

标签: css firefox webkit

我正在使用标签,但在mozilla中,它看起来像这样: enter image description here

但我想这样做:enter image description here

我正在使用的代码:

progress[value] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100px;
    height: 20px;
}

知道如何制作相同的内容吗?

1 个答案:

答案 0 :(得分:2)

progress::-moz-progress-bar { background: green; }
progress {
   height: 50px;
   padding: 0;
   border: none;
}