Unicac's Blog

Never give up your hope!

IE9下table border-collapse对input[type="button"]的影响

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

一个置于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

作者:unicac 发布时间:June 26, 2013 分类:学习分享