您好,登錄后才能下訂單哦!
這篇文章主要講解了“CSS怎么禁止Chrome瀏覽器激活輸入框后自動添加橘黃色邊框”,文中的講解內容簡單清晰,易于學習與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學習“CSS怎么禁止Chrome瀏覽器激活輸入框后自動添加橘黃色邊框”吧!
Chrome默認會為一切的輸入框加之橘黃色的邊框,固然無心候大要使我們的網站看起來更友人,但對自定義的技倆是有影響的。當鼠標點擊輸入框時,在googlechrome瀏覽器中,光標移到輸入框時激活輸入框會被加上橘黃的邊框,鼠標光標移開輸入框后被加橘黃色邊框隱沒。這個google閱讀器主動為輸出框加css花色尤為不美觀影響功效,這里簡介方案在谷歌瀏覽器中禁止被激活輸入框加橘黃色技倆。
例如做了一個圓角框的input輸出框,要是沒有對邊框focus時的屬性做任何勞動,Chrome將默認加之一個正方形的邊框,輕忽你將input的border設為none的敕令。
為了抗御貧窮咱們可能阻止chrome為被激活的輸入框增進邊框,方法如下:
1. 阻止為全部被激活的輸出框增長邊框(推薦此門徑)
*:focus {outline: none}
2. 制止為被激活的輸入框增多邊框,比方
.abc:focus{ outline:none }
說明:".abc"為輸入框對象自界說增加的class類定名
3. 也概略自定義輸出框被激活時的邊框名堂
.abc:focus { outline:Blue Solid 4px;}
說明:".abc"是自界說的css 定名。
感謝各位的閱讀,以上就是“CSS怎么禁止Chrome瀏覽器激活輸入框后自動添加橘黃色邊框”的內容了,經過本文的學習后,相信大家對CSS怎么禁止Chrome瀏覽器激活輸入框后自動添加橘黃色邊框這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是億速云,小編將為大家推送更多相關知識點的文章,歡迎關注!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。