浏览器input自动填充淡黄色背景如何解决

今天小编给大家分享一下浏览器input自动填充淡黄色背景如何解决的相关知识点，内容详细，逻辑清晰，相信大部分人都还太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅读完这篇文章后有所收获，下面我们一起来了解一下吧。

方案一
给input设置内置阴影！而且一定要大，至少要比你的input本身大

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

方案二
之前有输入记录就会出现这种情况 禁用input的记录就好了 默认是on

常用代码：

.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自动填充淡黄色背景如何解决"这篇文章的所有内容，感谢各位的阅读！相信大家阅读完这篇文章都有很大的收获，小编每天都会为大家更新不同的知识，如果还想学习更多的知识，请关注行业资讯频道。