エッジブラウザでプログレスバーに境界線がデフォルトで設定されています

Question

エッジの進行状況バー（バージョン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; 
}