如何删除progress HTML元素的边框？

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

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

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

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

在

元素中，

边框：无

仅受Firefox支持。。对于所有其他浏览器，您需要以下内容：

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

---

您必须找到设置进度条边框和进度的JavaScript。。。毫无疑问，它正在覆盖本机CSS。@Zak，所以我只需要执行进度（变量）。style.border='none'在我的渲染中？（我在用react）那就不如理想的那么主动了。。因为你仍在试图对抗一些天真的事情。。为什么不试着找到进度条的来源，并在那里阻止它，而不是阻止事后发生的事情呢？此外，这里真的没有什么可谈的，因为您只发布了2行CSS。@Zak如果您自己测试一下，您会发现您无法正常地从

元素中删除边框。至少，不在Chrome中。你试过

progress[value]{-webkit外观：无；外观：无；

？--显然

border:无；

只在FF中有效