項目中遇到問題設置了input的背景顏色 不知道為啥不起作用
控制台也追蹤不到 真是捉急
后來百度才知道
原來是谷歌瀏覽器
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
background-color: rgb(250, 255, 189);
background-image: none;
color: rgb(0, 0, 0);
}
依然不起作用
百度了下大部分網有的答案
關於background-color，可以使用 -webkit-box-shadow: 0 0 0px 1000px white inset;選取相近顏色將其覆蓋，這個要求input是純背景色的情況
不過，還有一個較好的方法是：
transition: background-color 5000s ease-in-out 0s;
沒錯，就是使用css3動畫將其背景色變化的延遲時間盡可能的延長
關於字體顏色，我們可以使用-webkit-text-fill-color: #fff;來改變
終極解決方法，就是關閉瀏覽器的自動填充功能，這樣就不用調樣式了 （此處我試了 沒有作用）
<input type="text" name="username" id="username" autocomplete="off" />
我最終設置
// 谷歌瀏覽器管理密碼自動填充的顏色背景
.el-input__inner:-webkit-autofill {
box-shadow: inset 0px 100px #0b3584 ;
-webkit-text-fill-color: #fff;
}
完成效果
參考網址 https://blog.csdn.net/u012761510/article/details/79063354