默认情况下，进度条在边缘浏览器

Question

我的Edge中的进度条有问题（版本25.10586.672.0）。默认情况下，我实现的进度条上有一个边框。 Chrome和Firefox都没有默认边框。我可以通过将CSS属性边框设置为none来删除它没有问题，但是当条形图被填充时仍然存在分隔线（即，如果条形图被填充到一半，则填充的部分与未填充的部分之间存在一条小线即使将边框设置为无，也不会消失。

我很好奇是否有一个特殊的CSS属性我需要为此进行修改，或者可能还有另一个潜在的原因，为什么我的边缘设置了边框？提前谢谢！

Answer 1

原因是Internet Explorer和Microsoft Edge使用了一些特殊的CSS选择器。 In this codepen你可以看到一个有效的例子。

重要的CSS选择器是：

progress.with-border-fix::-ms-fill {
  border-color: currentColor;
}