Chrome浏览器自动填充的表单如何去掉淡黄色背景？？？

1、原因：表单自动填充元素在chrome下会有一个默认样式 （如下），并且优先级最高，无法覆盖（!important也无法覆盖）。

input:-webkit-autofill {
background-color: rgb(250, 255, 189);
background-image: none;
color: rgb(0, 0, 0);
}

2、解决方法一：<1>没有背景图片的元素

input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset;
-webkit-text-fill-color: #333;
}

<2>有背景图片的元素--把背景图片拿出来，独立成为一个标签如<label></label>等。

3、解决方法二：关闭浏览器自带填充表单功能

<!-- 对整个表单设置 -->
<form autocomplete="off" method=".." action="..">
<!-- 或对单一元素设置 -->
<input type="text" name="textboxname" autocomplete="off">

4、注：除了chrome默认定义的background-color，background-image，color不能用 !important 提升其优先级以外，其他的属性均可使用!important提升其优先级。

Chrome浏览器自动填充的表单如何去掉淡黄色背景？？？相关推荐

layui 解决浏览器自动填充form表单账号和密码输入框的问题
layui 解决浏览器自动填充form表单账号和密码输入框的问题参考文章: (1)layui 解决浏览器自动填充form表单账号和密码输入框的问题 (2)https://www.cnblogs.co ...
禁止chrome浏览器自动填充表单的解决方案
禁止chrome浏览器自动填充表单的解决方案参考文章: (1)禁止chrome浏览器自动填充表单的解决方案 (2)https://www.cnblogs.com/ld-swust/p/5801606 ...
Chrome 自动填充的表单是淡黄色的背景怎么办！
chrome浏览器自动填充表单的黄色背景高亮(#FAFFBD)一直困扰着我,我之前没想着理它,可是最近一个登陆框,需要用到图标,于是我草率的直接设置在input元素里面,结果问题就来了,很难看很难看, ...
html表单背景如何填充,Chrome 自动填充的表单是淡黄色的背景，有方法自定义吗...
这个本人原创文章,原文链接去掉chrome记住密码后自动填充表单的黄色背景写本文起因 chrome浏览器自动填充表单的黄色背景高亮(#FAFFBD)一直困扰着我,我之前没想着理它,可是最近一个登陆 ...
chrome浏览器自动填充时背景色改变（-webkit-autofill）
出现的问题在做一个表单时使用chrome浏览器输入表单内容,在第二次测试的时候出现了自动填充的选项,选择后发现输入框的样式不再是手动设置的样式原手动填充效果如下: 选择自动填充后的样式: 此时观察 ...
wps python 自动化_Python3+Selenium+Chrome实现自动填写WPS表单
引言本文通过python3.第三方python库Selenium和谷歌浏览器Chrome,完成WPS表单的自动填写. 开发环境配置 python3的安装:略,网上都有教程. Selenium的安装: ...
取消chrome浏览器自动填充密码功能-autocomplete
在前端页面进行登录时,需要填写密码,那么为了保证密码不被看到,我们首选的input表单的type类型必然时password. 例如 <input type="password" ...
chrome浏览器自动填充背景色-webkit-autofill
输入框在chrome浏览器下显示白色背景,主要针对type为password的input,即使添加了非白色背景,仍然没用,看控制面板会有自动填充:input:-webkit-autofill的 bac ...
解决Chrome 自动填充的表单是淡黄色的背景问题
2019独角兽企业重金招聘Python工程师标准>>> 情景一:input文本框是纯色背景的 input:-webkit-autofill {-webkit-box-shadow: ...

Chrome浏览器自动填充的表单如何去掉淡黄色背景？？？

Chrome浏览器自动填充的表单如何去掉淡黄色背景？？？相关推荐

最新文章

热门文章