chrome表单自动填充默认样式-autofill

1 正常情况

2 变色后

3 浏览器填充，使用!important不能覆盖

4 解决，

 方案一：通过纯色底覆盖

input:-webkit-autofill {
 -webkit-box-shadow: 0 0 0px 1000px white inset;
 -webkit-text-fill-color: #333;
}

 方案二 ：关闭浏览器填充表单功能
 
<!-- 对整个表单的设置 -->
<form autocomplete="off">
<!-- 单独对某个组件设置 -->
<input type="text" autocomplete="off">

---

Tips：【小程序云开发】中高级前端面试题库（源码：小程序中联系我哟）。
---------- 创作不易，感谢大家，请多多支持！