谷歌浏览器的input自动填充出现黄色背景解决方案(在已经输入内容之后)

与你在巅峰相会 与你在巅峰相会     2022-09-21     527

关键词:

当你之前提交过表单,再次获取input焦点时,会有一个记录之前填写过的文本的下拉列表式的自动填充效果且带有黄色背景, 

这个填充功能本身是没什么问题的,但是谷歌浏览器给了个莫名其妙的黄色背景,用css样式重置它也没卵用,貌似是谷歌的底层样式

就下面这段。。。

 使用方法:

一,因为这玩意出现只有在之前有输入记录的情况下才会出现的,所以只有禁用input的记录就能ok!比如:<input type="text"  autocomplete="off">,如此当你点击了input时它就不会有那一列表了!整个世界也就干净了!当然,如果你能忍受那屎黄色,也可以把它给“on”了,或者不设置,因为autocomplet默认就是'on'的!

去掉谷歌input记住账号或密码时默认出现的黄色背景

在谷歌浏览器会默认记住账号,而记住账号之后其input的背景会变成黄色,解决的办法如下:方法一:直接用css的内阴影来覆盖黄色,代码如下:input:-webkit-autofill{-webkit-box-shadow:000px1000pxwhiteinset;}方法二:input文本框使用图片背景... 查看详情

chrome表单自动填充导致input文本框背景变成偏黄色问题解决

chrome表单自动填充后,input文本框的背景会变成偏黄色的,想必大家都会碰到这种情况吧,这是由于chrome会默认给自动填充的input表单加上input:-webkit-autofill私有属性造成的,解决方法如下:input文本框是纯色背景的 可以对input... 查看详情

chrome表单自动填充导致input文本框背景变成偏黄色问题解决

chrome表单自动填充导致input文本框背景变成偏黄色问题解决作者:佚名字体:[增加 减小]来源:互联网时间:08-2118:43:32 我要评论chrome表单自动填充后,input文本框的背景会变成偏黄色的,想必大家都会碰到这种情况吧,... 查看详情

input输入框自动填充黄色背景解决方案

腾讯body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}body{font:12px"宋体","ArialNarrow",HELVETICA;background:#fff;-webkit-text-size-adjust:100%}a{co 查看详情

如何解决在chrome中自动完成表单后input出现黄色背景

可以对input:-webkit-autofill使用足够大的纯色内阴影来覆盖input输入框的黄色背景;如:代码如下:  input:-webkit-autofill{-webkit-box-shadow:000px1000pxwhiteinset;border:1pxsolid#CCC!important;} 查看详情

谷歌浏览器自动填充删除背景图片

】谷歌浏览器自动填充删除背景图片【英文标题】:GoogleChromeautofillremovingbackgroundimage【发布时间】:2014-02-1913:28:05【问题描述】:当我在邮箱中写邮件时,我没有问题并且完美显示。但是当谷歌浏览器决定自动填充时,左边的... 查看详情

chrome表单自动填充导致input文本框背景变成偏黄色问题解决

http://www.jb51.net/css/99317.htmlhttp://www.cnblogs.com/garfieldzhong/p/4759690.htmlinput:-webkit-autofill{-webkit-box-shadow:000px1000pxwhiteinset;border:0!important;outline:0;}这样就可以了 查看详情

如何解决谷歌浏览器保存密码后文本框出现淡黄色背景色的显示问题

示例: 解决方法:给文本框添加内阴影,使内阴影足够大覆盖淡黄色区域:1box-shadow:0020px#fffinset!important;2-webkit-box-shadow:0020px#fffinset!important;  查看详情

chrome表单文本框自动填充黄色背景色样式

chrome表单自动填充后,input文本框的背景会变成偏黄色的,这是由于chrome会默认给自动填充的input表单加上input:-webkit-autofill私有属性,然后对其赋予以下样式:input:-webkit-autofill   background-color: #FAFFBD;  background-image:&nb... 查看详情

解决google浏览器保存密码自动填充

参考技术A    以Chrome为例,当浏览器遇到type="text"与type="password"的<input/>标签紧邻时,会触发浏览器自动填充行为。默认为黄色背景。firefox和360浏览器的处理方式是:只要检测到页面里有满足填充机制的,不管... 查看详情

解决谷歌input自动填充问题(代码片段)

在谷歌浏览器中,有时input标签会自动填充数据,如用户名密码等。。。初始在网上查询如果是type=text input标签添加autocomplete="off"如果是type=passwordinput标签添加autocomplete="new-password"碰到的问题:目前我有一个input标签是单独使... 查看详情

更改表单自动填充背景黄色

...llanditsyellowbackground我有同样的问题,但由于某种原因,该解决方案在我开发的网站中不起作用。我是jQuery新手,所以我非常感谢一些帮助。网址是http://anaxship 查看详情

删除自动填充输入时的黄色背景

】删除自动填充输入时的黄色背景【英文标题】:Removetheyellowbackgroundoninputonautofill【发布时间】:2015-05-2103:15:06【问题描述】:有人知道如何在自动填充时删除这个丑陋的chrome背景吗?(请参阅下文。)到目前为止我尝试过:*:f... 查看详情

input下拉列表选中后背景变黄色(代码片段)

对于谷歌浏览器input输入框,下拉列表选中之后,input背景色变黄,这是什么鬼,经查看,原来是这个在搞鬼,解决方案:input:-webkit-autofill-webkit-box-shadow:000px1000px#fffinset; 查看详情

vue项目—解决谷歌浏览器禁止自动填充密码的问题

【Vue项目】—解决谷歌浏览器自动填充密码的问题项目遇到的问题如下每次打开页面都会自动填充密码解决办法在input框中设置autocomplete=“new-password”,即可解决此问题如下图所示 查看详情

chorme浏览器记住密码后input黄色背景处理方法(两种)

使用chrome浏览器选择记住密码的账号,输入框会自动加上黄色的背景,有些设计输入框是透明背景的,需要去除掉这个黄色的背景;方法1:阴影覆盖input:-webkit-autofill  -webkit-box-shadow:0001000pxwhiteinset!important;  由于是... 查看详情

chrome自动填充的表单是淡黄色的背景,有方法自定义吗

input:-webkit-autofill{-webkit-box-shadow:000px1000pxwhiteinset;} 查看详情

谷歌浏览器默认样式的修改

1.Chrome自动填充的input背景为黄色:box-shadow向框添加阴影,默认是在框外面,inset改为向内添加。box-shadow:H水平偏移量V垂直偏移量B模糊尺寸S阴影尺寸C阴影颜色O/I内外影;看阴影效果,先确定阴影尺寸,再确定偏移距离。input:-webki... 查看详情