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

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

标签: css, table

已有 3 条评论

  1. chuanyi chuanyi

    目前还在使用ie6.。。

    回复
  2. 最好的浏览器 最好的浏览器

    貌似很不错

    回复
  3. ctrip ctrip

    还没遇到这个问题。

    回复

添加新评论