溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

如何禁止Chrome瀏覽器激活輸入

發(fā)布時(shí)間:2022-03-23 10:30:22 來(lái)源:億速云 閱讀:168 作者:iii 欄目:web開(kāi)發(fā)

這篇文章主要介紹了如何禁止Chrome瀏覽器激活輸入的相關(guān)知識(shí),內(nèi)容詳細(xì)易懂,操作簡(jiǎn)單快捷,具有一定借鑒價(jià)值,相信大家閱讀完這篇如何禁止Chrome瀏覽器激活輸入文章都會(huì)有所收獲,下面我們一起來(lái)看看吧。

Chrome默許會(huì)為全數(shù)的輸入框加之橘黃色的邊框,雖然有時(shí)候可使咱們的網(wǎng)站看起來(lái)更朋儕,但對(duì)自界說(shuō)的格式是有影響的。當(dāng)鼠標(biāo)點(diǎn)擊輸入框時(shí),在googlechrome瀏覽器中,光標(biāo)移到輸入框時(shí)激活輸出框會(huì)被加之橘黃的邊框,鼠標(biāo)光標(biāo)移開(kāi)輸出框后被加橘黃色邊框隱沒(méi)。這個(gè)google瀏覽器積極為輸出框加css花式非常不美觀影響效果,這里介紹打算在谷歌閱讀器中阻止被激活輸入框加橘黃色名目。

比方做了一個(gè)圓角框的input輸入框,若是不有對(duì)邊框focus時(shí)的屬性做任何休息,Chrome將默認(rèn)加之一個(gè)正方形的邊框,忽視你將input的border設(shè)為none的呼吁。

如何禁止Chrome瀏覽器激活輸入
div css作廢輸入框被動(dòng)加橘黃色邊框

為了抗御貧困咱們大要制止chrome為被激活的輸入框增長(zhǎng)邊框,方式以下:

1. 禁止為一切被激活的輸出框增多邊框(舉薦此方式)

*:focus {outline: none}

2. 阻止為被激活的輸出框增進(jìn)邊框,譬喻

.abc:focus{ outline:none }

注明:".abc"為輸入框?qū)ο笞远x增加的class類命名

3. 也大概自界說(shuō)輸出框被激活時(shí)的邊框名目

.abc:focus { outline:Blue Solid 4px;}

注明:".abc"是自定義的css 定名。

關(guān)于“如何禁止Chrome瀏覽器激活輸入”這篇文章的內(nèi)容就介紹到這里,感謝各位的閱讀!相信大家對(duì)“如何禁止Chrome瀏覽器激活輸入”知識(shí)都有一定的了解,大家如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注億速云行業(yè)資訊頻道。

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI