CSS修改Autocomplete样式

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

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;
}

 

转载于:https://www.cnblogs.com/wms01/p/7574658.html