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