I

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

unicac 学习分享 2013-06-26

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

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

评论(3)

发布评论
  1. 目前还在使用ie6.。。

  2. 貌似很不错

  3. ctrip ctrip

    还没遇到这个问题。