边界半径< progress> [英] Border-radius on <progress>

问题描述

当我将border-radius放在一个没有问题的< progress>上时在IE10中，它获得了黑色边框。这显然是一个错误，因为没有指定边框。但是没关系，因为我仍然可以按照我想要的方式设置边框。

When I put a border-radius on an otherwise unstyled <progress> element in IE10, it gets a black border. This a bug, obviously, because no border has been specified. But it's okay, since I can still style the border the way I want.

真正的问题是IE10还在白色背景和蓝色条之间呈现黑色边框，表示值。我找不到摆脱它的方法。

The real problem is that IE10 also renders a black border between the white background, and the blue bar that indicates the value. I cannot find the way to get rid of that.

这完全可以重现。任何< progress>给定border-radius将在< progress>的值和背景部分之间显示一个小的1px黑色分隔符。元件。拿走边界半径，它就消失了。但我确实希望边界半径为
。并且因为它在所有其他浏览器上工作正常，IE10没有遵循border-radius的供应商前缀，所以我不能例外。

This is fully reproducible. Any <progress> that is given a border-radius will show a small 1px black separator between the value and background parts of the <progress> element. Take away the border-radius and it's gone. But I do want the border-radius to be there. And since it works fine on all other browsers and IE10 follows no vendor-prefixes for border-radius, I cannot make an exception.

这里是一个小提琴来证明我的观点：http：//jsfiddle.net/B4b8U/

Here's a fiddle to prove my point: http://jsfiddle.net/B4b8U/

我该如何解决这个问题？

How do I fix this?

推荐答案

哈哈，我预计没有答案，因为IE10是最终的并且了解微软，他们从不修复与非安全相关的问题错误。

Haha, I expected no answer, since IE10 is final and knowing Microsoft, they never fix non-security-related bugs.

那么如何解决我的问题呢？

So how do I fix my issue?

这篇关于边界半径&lt; progress&gt;的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！