Edge 浏览器中进度条默认有边框
Progress bar has a border by default in the Edge browser
我在 Edge（版本 25.10586.672.0）中的进度条有问题。默认情况下，我实现的进度条上有一个边框。 Chrome 和 Firefox 默认都没有边框。我可以通过将 CSS 属性 边框设置为 none 来毫无问题地删除它，但是当栏被填充时仍然有一条分隔线（即如果栏被填充到一半，那里是填充部分和未填充部分之间的一条小线）即使将边框设置为 none 也不会消失。
我很好奇是否有特定的 CSS 属性 我需要为此修改，或者可能还有另一个潜在的原因为什么我在边缘设置了边框？提前致谢！
这是因为 Internet Explorer 和 Microsoft Edge 使用了一些特殊的 CSS 选择器。 In this codepen 你可以看到一个工作示例。
重要的 CSS 选择器是：
progress.with-border-fix::-ms-fill {
border-color: currentColor;
}
我在 Edge（版本 25.10586.672.0）中的进度条有问题。默认情况下，我实现的进度条上有一个边框。 Chrome 和 Firefox 默认都没有边框。我可以通过将 CSS 属性 边框设置为 none 来毫无问题地删除它，但是当栏被填充时仍然有一条分隔线（即如果栏被填充到一半，那里是填充部分和未填充部分之间的一条小线）即使将边框设置为 none 也不会消失。
我很好奇是否有特定的 CSS 属性 我需要为此修改，或者可能还有另一个潜在的原因为什么我在边缘设置了边框？提前致谢！
这是因为 Internet Explorer 和 Microsoft Edge 使用了一些特殊的 CSS 选择器。 In this codepen 你可以看到一个工作示例。
重要的 CSS 选择器是：
progress.with-border-fix::-ms-fill {
border-color: currentColor;
}