Chrome中輸入框默認樣式移除

　　在chrome瀏覽器中會默認給頁面上的輸入框如input、textarea等渲染瀏覽器自帶的邊框效果

　　IE8中效果如下：

　　　　

?

　　Chrome中效果如下：

?

這在我們未給輸入框設置獲取焦點時改變邊框顏色時，chrome瀏覽器解析頁面中默認將輸入框獲取焦點時改變邊框效果，這給我們帶來了極大的方便。如果我們要自己設置邊框色時，chrome瀏覽器的默認操作就給我們的設置（boder:1px solid color）帶來了問題，這是你會發現，你的設置在其他瀏覽器中時有效的，但在chrome中卻是無效的。

為解決這問題我們只需加上如下css，便可解決問題：

*:focus { outline: none; }

　　若想給某個輸入框增加樣式，也可這樣操作：

#inputBT:focus { outline: 1px solid #ed6f19; }

　　效果入下：

這樣設置時會發現，在橘色邊框旁還有一個細細的邊框色，將css樣式改為，即可完美解決：

#inputBT:focus { border: 1px solid #ed6f19; }

?

轉載于:https://www.cnblogs.com/ylhssn/p/4353202.html

總結

以上是生活随笔為你收集整理的Chrome中输入框默认样式移除的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。