給 input 樣式添加陰影覆蓋掉原來的淡黃色就可以了
如:box-shadow: 0 0 0px 1000px #fff inset;
WebKit內核 -webkit-box-shadow: 0 0 0px 1000px #fff inset;
Gecko內核 -moz-box-shadow: 0 0 0px 1000px #fff inset;
Trident內核 -ms-box-shadow: 0 0 0px 1000px #fff inset;
Presto內核 -o-box-shadow: 0 0 0px 1000px #fff inset;
自己可以根據個瀏覽器添加前綴。
需要注意的是,如果想在 input 框里添加背景圖片的話,會顯示不出來,因為會被內陰影給遮蓋住。
input:-webkit-autofill {
color: #ffffff!important;
-webkit-text-fill-color: #ffffff;
box-shadow: 0 0 0 1000px red inset;
}
input:autofill {
color: #ffffff!important;
-webkit-text-fill-color: #ffffff;
box-shadow: 0 0 0 1000px red inset;
}
* 也可以禁止 input 框的歷史紀錄顯示:在 input 標簽中加上屬性 autocomplete = "off"