IE10插入框边框半径的阴影缩放

我想在IE10中添加一个插入框阴影。看起来，圆角相对于应用于输入元素的边界半径缩放得更大。这在webkit或firefox中不会发生。我可以看到如何缩放一开始的盒子阴影是有意义的，但是缩放插入阴影很奇怪。IE10插入框边框半径的阴影缩放

应该怎么看：

How it should look

它的外观在IE10：

How it looks in IE10

有没有人碰到了在此之前，发现一个解决方案吗？

来源

2013-03-28 Don' t Wake Me Up

我的解决方案是使用一个5px边框，1px开始框阴影，而不是使用1px边框和5px插入框阴影。 –

你可以参考 http://www.impressivewebs.com/ie10-css-hacks/

一些测试代码：

.navigation ul li a { 
    -moz-box-shadow: 3px 3px 3px #ffccff; 
    -webkit-box-shadow: 2px 2px 7px #ffccff; 
    -o-box-shadow: 2px 2px 7px #ffccff; 
    box-shadow: 2px 2px 7px #ffccff; 
} 
@media screen and (min-width:0\0) { 
    /* IE9 and IE10 rule sets go here */ 
.navigation ul li a { 
    box-shadow: 2px 2px 17px #3a312a; 
} 
}

来源

2013-04-26 15:19:27 Jaydeep

我认为在这种情况下，我会让它看起来不太对劲。但是了解有条件评论的方法很有用。 –

我想单独添加插图的box-shadow块的每一面，它的工作！ http://codepen.io/bivihoba/pen/DHuqk

来源

2013-07-31 05:53:24 bivihoba

IE10插入框边框半径的阴影缩放

回答

相关问题