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