Chrome 表单背景是淡黄色的问题

今天发现一个bug，当填写表单用户名或密码错误时候，关闭表单模态框再打开时候，背景色是淡黄色，F12看到控制台中 user agent stylesheet里面有一个黄色背景但是不能修改，然后发现，我输入的用户名需求设为的是邮箱格式，然后我输入时候却不是

[input:not type] ,就会出现淡黄色背景，于是乎查了解决的办法

一：关闭浏览器自动完成功能 autocomplete

autocomplete=off ，即可，但是有一个问题，就是不能本地缓存已经输入的用户名，用户体验不好

二：input:-webkit-autofill {

-webkit-box-shadow: 0 0 0 1000px white inset !important;
}

给input设置内置阴影，提示一下，如果不写inset默认就是外阴影，要记住加！important，不然速度慢，实现效果不好

转载于:https://www.cnblogs.com/alhh/p/6654967.html

Chrome 表单背景是淡黄色的问题相关推荐

Chrome浏览器自动填充的表单如何去掉淡黄色背景？？？
1.原因:表单自动填充元素在chrome下会有一个默认样式 (如下),并且优先级最高,无法覆盖(!important也无法覆盖). input:-webkit-autofill { backgroun ...
取消Chrome表单文本框自动填充黄色背景色样式
开发后台管理系统或网站时,使用谷歌的Chrome浏览器访问网页中表单,文本框背景色自动填充为黄色.这个问题在网络上其实早已经是老生常谈了,今天正巧我要处理这个问题,把之前查阅的一些资料和自己解决这个问 ...
php音频转换接口,PHP实现chrome表单请求数据转换为接口使用的json数据
为什么要写转换程序最近在做旧版程序迁移,旧的架构为常规的MVC模式,新版架构全部改成restful架构. 由于改版数据是一致的,但是请求结构不一致,新版的请求全部以json形式提交,为了方便测试,之 ...
Chrome表单如何去掉默认的淡黄色背景及如何关闭浏览器自带填充表单功能？
1.原因:表单自动填充元素在chrome下会有一个默认样式 (如下),并且优先级最高,无法覆盖(!important也无法覆盖). input:-webkit-autofill { backgroun ...
html表单背景如何填充,Chrome 自动填充的表单是淡黄色的背景，有方法自定义吗...
这个本人原创文章,原文链接去掉chrome记住密码后自动填充表单的黄色背景写本文起因 chrome浏览器自动填充表单的黄色背景高亮(#FAFFBD)一直困扰着我,我之前没想着理它,可是最近一个登陆 ...
Pycharm 的项目目录背景为淡黄色、众多操作失效
文章目录问题描述问题分析解决问题描述在调试一个项目时,误删了一些文件,通过Local History找回后,项目的背景就变成了淡黄色. 一开始没在意,用了一会,复制文件的绝对路径时发现找不到 ...
chrome表单自动填充默认样式-autofill
1 正常情况 2 变色后 3 浏览器填充,使用!important不能覆盖 4 解决, 方案一:通过纯色底覆盖input:-webkit-autofill {-webkit-box-shadow: 0 ...
chrome表单自动填充去掉input黄色背景
http://www.cnblogs.com/facial/p/5692568.html 转载于:https://www.cnblogs.com/edutu/p/6211120.html
自动填充功能关闭解决表单input框屎黄色问题
autocomplete="new-password" 转载于:https://www.cnblogs.com/fpcbk/p/10057198.html

Chrome 表单背景是淡黄色的问题

Chrome 表单背景是淡黄色的问题相关推荐

最新文章

热门文章