chrome谷歌浏览器input自动填充的各种问题

chrome谷歌浏览器记住密码后默认样式问题

登录记住密码以后，再次进入登录页，会有默认的背景颜色

image.png

解决方案：通过延长增加自动填充背景色的方式, 是用户感受不到样式的变化 -internal-autofill-selected

input:-internal-autofill-selected {
    -webkit-text-fill-color: #808080;
    transition: background-color 1000s ease-out 0.5s;
}

效果图：

image.png

chrome谷歌浏览器记住密码后回显时字体很小

登录记住密码以后，再次进入登录页，账号密码很小，

image.png

解决方案：-webkit-autofill::first-line

input:-webkit-autofill::first-line
  {
                font-size: 34px;
  }

效果：

image.png