瀏覽器input自動填充淡黃色背景如何解決

今天小編給大家分享一下瀏覽器input自動填充淡黃色背景如何解決的相關知識點，內容詳細，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。

方案一
給input設置內置陰影！而且一定要大，至少要比你的input本身大

input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;}

方案二
之前有輸入記錄就會出現這種情況   禁用input的記錄就好了  默認是on

<input type="text"  autocomplete="off">

常用代碼：

.data-loading .spinner{

       margin:20px auto;

       width:26px;

       height:26px;

       text-align: center;

       -webkit-animation: rotate 2.0s infinite linear;

     animation: rotate 2.0s infinite linear;

}

@-webkit-keyframes rotate { 100% { -webkit-transform: rotate(360deg) }}

@keyframes rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}

#loading .spinner{

       margin:20px auto;

       width:46px;

       height:46px;

       text-align: center;

       background:rgba(127,127,127,0.75);

       border-radius:4px;

       -webkit-border-radius:4px;

}

#loading .spinner img{

       -webkit-animation: rotate 2.0s infinite linear;

     animation: rotate 2.0s infinite linear;

     margin-top:10px;

}

以上就是“瀏覽器input自動填充淡黃色背景如何解決”這篇文章的所有內容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學習更多的知識，請關注億速云行業資訊頻道。