IE10使用border-radius插入框阴影缩放

Question

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

应该如何看待：

它在IE10中的外观：

之前是否有人遇到此问题并找到解决方案？

Answer 1

你可以参考 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;
 }
}

Answer 2

我尝试分别为块的每一侧添加插入框阴影，它有效！ http://codepen.io/bivihoba/pen/DHuqk