分类 学习分享 下的文章

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

去掉IE10文本框后面的XX

ie10浏览器当点击文本框的时候,默认值文本框的里面靠后的地方出现一个删除的X,有时候很实用,但有时候却很烦恼,怎么去掉呢?

简单的去掉IE10文本框后面的XX的方法:给Input文本框添加如下CSS

input::-ms-clear{display:none;}

提示:input后面是两个冒号哦!伪元素需要有两个冒号。具体可以看 这篇文章

最近回复

  • unicac: 很久没打理了。。。
  • kuye: 你的博客做得也不错(...
  • unicac: 哈哈,是咯!
  • 柠檬园主: 还在更新的独立博客,...
  • 18通讯网: 虽然过程很辛苦,但你...
  • fenny: 这个尴尬的年龄,谈爱...

分类