如何删除进度HTML元素的边框？

Question

我有一个进度条，其中显示了用户选择的视频的上传位的计算百分比。

我希望这些进度条周围没有边框。这就是我现在所拥有的：

我想删除两个进度条周围的小边框。我尝试过：

progress {
    border: none;
    box-shadow: none;
}

和其他一些无效的东西。

Answer 1

在<progress>元素中，border:none;仅受Firefox的支持。对于所有其他浏览器，您需要以下操作：

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