文章目录 input文本框自动填充背景色黄色解决方式解决前后,截图对比: 解决方式兼容性说明
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”,一次性取消该表单内所有文本框元素的自动填充。
<form class=”form-inline” autocomplete=”off”>&便宜美国vpslt;input type=”text” class=”form-control” id=”name” placeholder=”输入用户名” ></form> 兼容性说明 略
以上就是关于“ input文本框自动填充背景色黄色解决办法 ” 的全部内容。