标签：值时 历史记录 填充 color 改变 important input
当我们在填写用户名或者电话之类的input框的时候，总会有以前提交过的一些历史记录让我们填充使用，但是当我们点击了历史记录自动填充到文本框的时候发现原来的文本框的背景颜色改变了，而且出现和界面不搭的问题。
通过编辑器检查发现如下代码改变了我们input的css：
input:-internal-autofill-selected {
appearance: menulist-button;
background-image: none !important;
background-color: -internal-light-dark(rgb(232, 240, 254), rgba(70, 90, 126, 0.4)) !important;
color: -internal-light-dark(black, white) !important;
}
下面提供两种思路改变：
- 在input中添加autocomplete=“off”，意思就是关闭历史记录或者自动填充
- 通过css给input设置样式改变原来的样式
input[type='text']:-webkit-autofill {
-webkit-text-fill-color: #9199aa;
box-shadow: 0 0 0px 50px #2b2b36 inset !important;
}
其中 -webkit-text-fill-color改变填充的文字的颜色，box-shodow改变背景颜色填充，亲测有效！
标签：值时,历史记录,填充,color,改变,important,input 来源： https://blog.csdn.net/sepier/article/details/121871799
本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享； 2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关； 3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关； 4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除； 5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。