chorme 瀏覽器記住密碼后input黃色背景處理方法(兩種)
更新時(shí)間：2017年11月22日 14:14:00 作者：蕭十九
使用chrome瀏覽器選擇記住密碼的賬號(hào)，輸入框會(huì)自動(dòng)加上黃色的背景，有些設(shè)計(jì)輸入框是透明背景的，需要去除掉這個(gè)黃色的背景。下面給大家分享chorme 瀏覽器記住密碼后input黃色背景處理方法，一起看看吧
使用chrome瀏覽器選擇記住密碼的賬號(hào)，輸入框會(huì)自動(dòng)加上黃色的背景，有些設(shè)計(jì)輸入框是透明背景的，需要去除掉這個(gè)黃色的背景；
方法1：陰影覆蓋
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px white inset !important;
}
由于是設(shè)置顏色覆蓋，所以只對(duì)非透明的純色背景有效；
方法2：修改chrome瀏覽器渲染黃色背景的時(shí)間
:-webkit-autofill {
-webkit-text-fill-color: #fff !important;
transition: background-color 5000s ease-in-out 0s;
}
完美解決
總結(jié)
以上所述是小編給大家介紹的chorme 瀏覽器記住密碼后input黃色背景處理方法(兩種)，希望對(duì)大家有所幫助，如果大家有任何疑問請給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
JavaScript與ActionScript3兩者的同性與差異性
接觸JavaScript和ActionScript3也有近5年的時(shí)間了，它們都是應(yīng)用比較廣泛的腳本語言.接下來通過本文給大家介紹JavaScript與ActionScript3兩者的同性與差異性，感興趣的朋友一起學(xué)習(xí)吧2016-09-09
JavaScript實(shí)現(xiàn)時(shí)間表動(dòng)態(tài)效果
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)時(shí)間表動(dòng)態(tài)效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-07-07
近期在做項(xiàng)目的時(shí)候,遇到了一些JS浮點(diǎn)數(shù)精度的問題,這個(gè)問題其實(shí)說大不大,說小不小,下面這篇文章主要給大家介紹了關(guān)于js運(yùn)算精度丟失的2個(gè)解決方法,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-06-06
剖析一下javascript的數(shù)據(jù)類型。這一次我們只簡單討論下javascript的數(shù)據(jù)類型檢測，繼續(xù)期望大家踴躍發(fā)表意見，尤其歡迎高手拍磚。2010-07-07
傳統(tǒng)上，網(wǎng)頁中不會(huì)有大量的腳本，至少腳本很少會(huì)影響網(wǎng)頁的性能。2010-03-03
如何實(shí)現(xiàn)一個(gè)webpack模塊解析器
這篇文章主要介紹了如何實(shí)現(xiàn)一個(gè)webpack模塊解析器，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-10-10
JSON創(chuàng)建鍵值對(duì)（key是中文或者數(shù)字）方式詳解
這篇文章主要介紹了JSON創(chuàng)建鍵值對(duì)（key是中文或者數(shù)字）方式詳解,需要的朋友可以參考下2017-08-08
實(shí)例分析js和C#中使用正則表達(dá)式匹配a標(biāo)簽
本文通過2個(gè)實(shí)例，對(duì)比分析了在js和c#中使用正則表達(dá)式匹配a標(biāo)簽的異同，小伙伴們自己參考下吧，有利于深刻理解正則表達(dá)式的使用。2014-11-11
這篇文章主要為大家詳細(xì)介紹了微信小程序頂部導(dǎo)航欄滑動(dòng)tab效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-01-01
本篇文章講解彈出浮動(dòng)層的javascript函數(shù), 以及函數(shù)的原理和使用注意事項(xiàng).2011-02-02