360浏览器input自动填充淡黄色背景怎么解决

360浏览器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;

}

 

推荐阅读