input搜索框:根據歷史記錄自動填充后,去除默認黃色背景


如果是純色背景,直接通過box-shadow覆蓋即可:

input:-webkit-autofill {
  color: #333!important;
  -webkit-text-fill-color: #333;
  box-shadow: 0 0 0 1000px #eaeaea inset
}

input:autofill {
  color: #333!important;
  -webkit-text-fill-color: #333;
  box-shadow: 0 0 0 1000px #eaeaea inset
}

如果是透明色背景,通過transition設置足夠長的變色推遲:

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    color: #fff !important;
    -webkit-text-fill-color: #fff;
    -webkit-transition: background-color 43200s ease-in-out 0s;
    transition: background-color 43200s ease-in-out 0s;
}
input:autofill,
input:autofill:hover,
input:autofill:focus {
    -webkit-text-fill-color: #fff;
    -webkit-transition: background-color 43200s ease-in-out 0s;
    transition: background-color 43200s ease-in-out 0s;
}

 


免責聲明!

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



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