码迷,mamicode.com
首页 > 其他好文 > 详细

如何去除input框在谷歌浏览器下的黄色底纹

时间:2018-12-06 10:16:02      阅读:234      评论:0      收藏:0      [点我收藏+]

标签:tran   png   img   active   sha   去除   over   http   如何   

    现象:谷歌浏览器下input框有默认记住功能,此时若选择了历史输入的内容,则变成如下图;非历史输入,是没有的。

技术分享图片

   方法一

input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset;
}
此法仅适用纯色背景;

   方法二

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
-webkit-transition-delay: 99999s;
-webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
}


如何去除input框在谷歌浏览器下的黄色底纹

标签:tran   png   img   active   sha   去除   over   http   如何   

原文地址:https://www.cnblogs.com/rhoda/p/10074758.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!