边界半径< 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?
这篇关于边界半径< progress>的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!