【css杂记】css兼容处理杂记 1
1、iOS上输入框(input)、输入区域(textarea)在框体内侧顶部会有灰色阴影,去掉的方法:
input{ -webkit-appearance:none; } textarea{ -webkit-appearance:none; }
2、Chrome在输入框(input)、输入区域(textarea)被聚焦(focus)时,会多出蓝色/黄色边框,去掉方法:
input:focus{ outline:none; } textarea:focus{ outline:none; }
3、支持HTML5属性的浏览器中,输入区域(textarea)默认是可缩放的,禁止缩放的方法:
textarea{ resize:none; }
4、ie10+中,所有输入框(input)输入最后会有黑色叉叉按钮,去掉的方法:
input::-ms-clear{ display:none; }
5、ie10+中,密码输入框(input[type="password"])输入时,最后会有小眼睛,去掉的方法:
input[type="password"]::-ms-reveal{ display:none; }
版权声明:本文为博主原创文章,未经博主允许不得转载。