2013年6月

最近项目中发现的一个问题

一个置于table td里面的input[type="button"],设置了box-shadow:0 1px 0 rgba(95, 50, 0, 0.7);,发现在IE9下神奇般的消失了,经过反复测试、纠结,始终找不到原因。

后面使用排除的方法,发现:IE9下,input[type="button"]会受到table border-collapse:collapse 影响。需要再给input一个重置属性border-collapse:separate;,box-shadow:0 1px 0 rgba(95, 50, 0, 0.7);才会生效。

莫非input继承了父元素的属性???不解。

Demo:点击查看Demo