input标签的默认样式带有一个黑色的边框以及激活状态会有一个的边框,如下:
input的默认样式和激活状态
在开发中,一般需要给输入框添加一个背景的效果,这时可以使用:
border: 0; //去除边框
然后使用背景图片添加效果,同时它的激活状态产生的边框,可能与背景不搭,可以使用:
outline: 0; //去除激活状态的边框
注意: ** border: none;也就是可以的,但是在IE6,7下存在兼容性问题,none**表示无,浏览器解析时就不做渲染,也就不消耗内存。
解决input的兼容性问题:
- 清除border的默认样式(border: 0;)
- 设置父元素的边框或背景图片
- 文本样式的设置(字体、颜色、行高等)