2

我想在 IE10 中添加一个插入框阴影。相对于应用于输入元素的边框半径，圆角的尺寸似乎变大了。这不会在 webkit 或 firefox 中发生。我可以看到缩放一个初始的盒子阴影是多么有意义，但是缩放一个嵌入的阴影是很奇怪的。

它应该看起来如何：

它应该是什么样子

它在 IE10 中的外观：

它在 IE10 中的外观

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

4

2 回答 2

3

你可以参考 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-26T15:19:27.390 回答
0

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

于 2013-07-31T05:53:24.167 回答