消除input框歷史紀錄的黃色背景樣式


給 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"


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM