input文本框自动填充背景色黄色解决办法

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_35393869/article/details/81978037

input文本框自动填充背景色黄色解决方式

如何取消黄背景色？浏览器兼容处理？

本文目录：

---

解决前后，截图对比：

---

解决方式

1 · 通过CSS代码约束

<style type="text/css">
    input:-webkit-autofill { box-shadow: 0 0 0px 1000px white inset !important;}
</style>

2 · input框 取消自动填充

利用H5新增属性 autocomplete="off"，直接关闭自动填充。【浏览器机制】
代码类如：

<input type="text" class="form-control" id="name" placeholder="输入用户名" autocomplete="off">

3 · form表单 取消自动填充

给form表单设置H5属性autocomplete="off"，一次性取消该表单内所有文本框元素的自动填充。

扫描二维码关注公众号，回复： 2976399 查看本文章

<form class="form-inline" autocomplete="off">
    <input type="text" class="form-control" id="name" placeholder="输入用户名" >
</form>

---

兼容性说明

---

以上就是关于“ input文本框自动填充背景色黄色解决办法 ” 的全部内容。