码迷,mamicode.com
首页 > Web开发 > 详细

CSS修改Autocomplete样式

时间:2017-09-22 15:24:24      阅读:390      评论:0      收藏:0      [点我收藏+]

标签:用户   pre   填充   border   complete   textarea   order   auto   toc   

举个场景:在用户登录成功的时候,浏览器有时候会咨询你是否记住密码,当你记住密码下次登录的时候,标签会自动填充,但是这样会造成样式不统一,解决办法如下:

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
input:-webkit-autofill, 
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid green;
  -webkit-text-fill-color: green;
  -webkit-box-shadow: 0 0 0px 1000px #000 inset;
  transition: background-color 5000s ease-in-out 0s;
}

 

CSS修改Autocomplete样式

标签:用户   pre   填充   border   complete   textarea   order   auto   toc   

原文地址:http://www.cnblogs.com/wms01/p/7574658.html

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