HTML
<progress id='video-progress' min='0' max='100' value=''></progress>
CSS
#video-progress {
border: none;
position:fixed;
bottom:0;
left:0;
height:3px;
width:100%;
z-index:1;
background: transparent !important;
}
#video-progress::-webkit-progress-bar {
background: transparent !important;
}
#video-progress::-moz-progress-bar {
background: transparent !important;
}
#video-progress[role][aria-valuenow] {
background: transparent !important;
}
#video-progress::-webkit-progress-value {
background: #fff !important;
}
#video-progress::-moz-progress-value {
background: #fff !important;
}
#video-progress[aria-valuenow]:before {
background: #fff !important;
}
这在Chrome中可以正常工作,但在Firefox中却不行。
我希望我的进度条在背景中是透明的,在前景只显示白色的值/进度本身。
有没有关于Firefox的任何想法?