unicac 发布的文章

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

一个置于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浏览器当点击文本框的时候,默认值文本框的里面靠后的地方出现一个删除的X,有时候很实用,但有时候却很烦恼,怎么去掉呢?

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

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

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