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

chrome表单自动填充导致input文本框背景变成偏黄色问题解决

时间:2017-05-24 13:36:59      阅读:211      评论:0      收藏:0      [点我收藏+]

标签:方法   border   webkit   黄色   src   导致   pre   表单   logs   

chrome表单自动填充后,input文本框的背景会变成偏黄色的,想必大家都会碰到这种情况吧,

这是由于chrome会默认给自动填充的input表单加上input:-webkit-autofill私有属性造成的,

技术分享

解决方法如下:

input文本框是纯色背景的 

可以对input:-webkit-autofill使用足够大的纯色内阴影来覆盖input输入框的黄色背景;如:

input:-webkit-autofill { 
-webkit-box-shadow: 0 0 0px 1000px white inset; 
border: 1px solid #CCC!important; 
} 

 

chrome表单自动填充导致input文本框背景变成偏黄色问题解决

标签:方法   border   webkit   黄色   src   导致   pre   表单   logs   

原文地址:http://www.cnblogs.com/hailexuexi/p/6898433.html

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