边缘浏览器中默认进度条有边框

Question

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

我很好奇，如果有一个特殊的CSS属性我需要修改，或者还有另一个原因，为什么有一个边缘设置为我的边缘？提前致谢！

Answer 1

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

重要的CSS Selector是：

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