解決谷歌瀏覽器記住密碼輸入框顏色改變

2021-07-26 21:02:05 字數 604 閱讀 2484

谷歌瀏覽器記住密碼輸入框顏色會改變,並且字型顏色會變成黑色,如圖

輸入框原來的樣式是這樣的

這是由於谷歌瀏覽器的自帶樣式的緣故:

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill 

如果我們想記住密碼後仍然想要以前的顏色,可以用 設定input內陰影 的方式把黃色覆蓋掉,css**:

input:-webkit-autofill

這樣輸入框就變成了

共勉!

谷歌瀏覽器記住密碼之後,輸入框變色問題

如圖 以前沒有注意過。谷歌瀏覽器在記住密碼之後,再次開啟這個頁面。輸入框會有淡黃色的背景色。剛開始怎麼都不行。後來偶然發現原來是有個 webkit autofill屬性 方法一 給input標籤新增內陰影,這個內陰影一定要大。要不然蓋不住 ipt pwd webkit autofill 方法二 因為...

谷歌瀏覽器給輸入框input自動填充密碼解決辦法

如下圖所示 因為圖上的input不是密碼框所以我們可以找到登陸頁面在登陸頁面的密碼框上新增屬性 autocompleted off text name username autocompleted off password name password autocompleted off 但是有的時候...

密碼輸入框封裝,解決瀏覽器自動填充密碼問題

1 引入元件 import pwinput from views component pwinput 2 用法 3 元件 此元件 為網上找的,原來的有問題在ie瀏覽器中當有多個輸入框時游標會上下跳動,解決了在ie瀏覽器游標來回閃爍問題 class el input inner class showi...