input在浏览器自动填充后样式改变

922 阅读1分钟

因浏览器自动填充后,样式被改变

input:-webkit-autofill {
    // 不支持rgba和透明色
    -webkit-box-shadow: 0 0 1000px red inset !important;
    -webkit-text-fill-color: #fff !important;
}

浏览器中查看样式,改变样式:

input:-internal-autofill-selected' {
  -webkit-text-fill-color: #fff// 背景色变为透明色
  transition: background-color 5000s ease-in-out 0s !important;
}

参考文章:csdn