去除input自动填充时的背景色

我想应该做过登录的页面的同学都遇到过这样的问题,input的自动填充功能会带有背景色，这样会影响美观，如下图

要想去掉这个背景色有两种方法：
1.给input设置属性autocomplete=“off”，意为关闭自动填充，不记录之前输入过的值。完全可以解决背景色的问题，但是没有自动填充功能体验相对来说不是很友好
2.通过css样式：

<style lang="less">input:-webkit-autofill {box-shadow:0 0 0 1000px white inset !important;}input:-internal-autofill-previewed,input:-internal-autofill-selected {-webkit-text-fill-color: #333 !important;transition: background-color 5000s ease-in-out 0s !important;}
</style>

这样设置之后就再也不会有背景色了。万岁

去除input自动填充时的背景色相关推荐

解决谷歌浏览器和360浏览器 input 自动填充淡黄色背景色的问题
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;} 转载于:https://www.cnblogs.com ...
input自动填充后背景颜色被覆盖的问题
问题: input输入框自动填充时,背景色会发生改变解决: 添加以下css样式 input:-internal-autofill-previewed, input:-internal-autofil ...
iOS表单input自动填充后背景色变为黄色
ios表单Input自动填充背景色变为黄色问题描述解决方案问题描述在开发页面的时候发现,在iOS上input框自动填充后input的背景色变为黄色,再点击一下就可以恢复正常. 解决方案设置自 ...
一个输入框背景色改不了？去除浏览器自动填充的背景颜色
START 番茄又来写点啥啦,今天遇到一个有趣的事情,朋友找到我,说他改一个输入框的背景颜色,改了好久,叫我帮忙看看.我满脸问号?很难吗?当我了解到实际的需求,发现确实有点有趣,写个文档记录一下. 了 ...
去除浏览器自动填充密码功能
去除浏览器自动填充密码功能去除浏览器自动填充密码功能去除浏览器自动填充密码功能在项目开发中,遇到这样一个问题,前端显示后端一个机密数据时,使用了<input type = 'passwor ...
浏览器input自动填充
浏览器记住密码之后,账号密码框自动填充到input当中,输入框的背景色为白色,color为黑色,目标是去除这些自动填充之后的默认样式. 在reset.css当中写入填充后的样式 input:-webk ...
ios 短信验证码自动填充时总是被复制两遍
ios 短信验证码自动填充时总是被复制两遍解决: 限制input标签的maxlength:
禁止 input 自动填充
禁止 input 自动填充在编写 Form 表单样式的时候,修改自动填充后的 input 样式是很麻烦甚至不可行的,而且还有一些不需要自动填充的场景. 浏览器根据保存数据时表单控件的 type 和 ...
【Excel】添加自动填充时指定的内容
[Excel]添加自动填充时指定的内容操作: 文件 – 选项 – 高级 – 常规 – 编辑自定义列表 – 输入序列 – 添加 – 确定 – 确定例子: 比如需要输入:周一,周二,周三,周四,周五, ...

去除input自动填充时的背景色

去除input自动填充时的背景色相关推荐

最新文章

热门文章