input標簽的默認樣式帶有一個黑色的邊框以及激活狀態會有一個的邊框,如下:
input的默認樣式和激活狀態
在開發中,一般需要給輸入框添加一個背景的效果,這時可以使用:
border: 0; //去除邊框
然后使用背景圖片添加效果,同時它的激活狀態產生的邊框,可能與背景不搭,可以使用:
outline: 0; //去除激活狀態的邊框
注意: ** border: none;也就是可以的,但是在IE6,7下存在兼容性問題,none**表示無,瀏覽器解析時就不做渲染,也就不消耗內存。
解決input的兼容性問題:
- 清除border的默認樣式(border: 0;)
- 設置父元素的邊框或背景圖片
- 文本樣式的設置(字體、顏色、行高等)