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

我想在IE10中添加一个插入框阴影。圆角的大小似乎比应用于输入元素的边界半径更大。这在webkit或firefox中不会发生。我可以看出缩放一个起始框阴影是有意义的，但是缩放一个插入框阴影是很奇怪的

它应该是什么样子：

它在IE10中的外观：

以前有人遇到过这个问题并找到了解决方案吗？

您可以参考

一些测试代码：

.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;
 }
}

---

我尝试为块的每一侧分别添加插入框阴影，效果很好！

---

我想在这种情况下，我会让它看起来不太对劲。但是知道有一些方法可以解决条件注释的问题是很有用的。我的解决方案是使用5px边框和1px起始框阴影，而不是使用1px边框和5px插入框阴影。