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

input 在 chrome 下 , 自动填充后,默认样式清除

时间:2020-03-05 11:48:40      阅读:117      评论:0      收藏:0      [点我收藏+]

标签:http   imp   nfa   box   fill   样式   清除   intern   nbsp   

讨厌的自动填充背景色:

技术图片

 

 解决方法:

<style type="text/css">
input:-internal-autofill-selected {
    background-color: white !important;
    background-image: none !important;
    color: rgb(0, 0, 0) !important;
    box-shadow: inset 0 0 0 1000px white !important;
}
input:-webkit-autofill {
 box-shadow: 0 0 0px 1000px white inset !important;
}  
input:-webkit-autofill:focus {
 box-shadow: 0 0 0px 1000px white inset !important;
}  
</style>   

效果:

技术图片

 

 

参考:https://blog.csdn.net/xiao_yu_liu/article/details/100582478

https://www.cnblogs.com/chenfanga/p/11600251.html

 

input 在 chrome 下 , 自动填充后,默认样式清除

标签:http   imp   nfa   box   fill   样式   清除   intern   nbsp   

原文地址:https://www.cnblogs.com/digdeep/p/12419283.html

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