欢迎光临
我们一直在努力

设置文本框格式为黄色填充色,input属性灰色提示文字

文章目录 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文本框自动填充背景色黄色解决办法 ” 的全部内容。

赞(0)
【声明】:本博客不参与任何交易,也非中介,仅记录个人感兴趣的主机测评结果和优惠活动,内容均不作直接、间接、法定、约定的保证。访问本博客请务必遵守有关互联网的相关法律、规定与规则。一旦您访问本博客,即表示您已经知晓并接受了此声明通告。