方案一
給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;

}

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。