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

author author     2022-08-09     295

关键词:

在谷歌浏览器会默认记住账号,而记住账号之后其input的背景会变成黄色,解决的办法如下:

方法一:直接用css的内阴影来覆盖黄色,代码如下:

input:-webkit-autofill { 
-webkit-box-shadow: 0 0 0px 1000px white inset; 
} 

方法二:input文本框使用图片背景

这个比较麻烦,目前还没找到完美的解决方法,有两种选择: 
1、如果你的图片背景不太复杂,只有一些简单的内阴影,那个人觉得完全可以使用上面介绍的方法用足够大的纯色内阴影去覆盖掉黄色背景,此时只不过是没有了原来的内阴影效果罢了。 
2、如果你实在想留住原来的内阴影效果,那就只能牺牲chrome自动填充表单的功能,使用js去实现,例如: 

$(function() { 
if (navigator.userAgent.toLowerCase().indexOf("chrome") >= 0) { 
$(window).load(function(){ 
$(‘ul input:not(input[type=submit])‘).each(function(){ 
var outHtml = this.outerHTML; 
$(this).append(outHtml); 
}); 
}); 
} 
10.}); 

遍历的对象可能要根据你的需求去调整。如果你不想使用js,好吧,在form标签上直接关闭了表单的自动填充功能:autocomplete=”off”。 

 

vue项目实现记住密码功能(代码片段)

...的纯色内阴影覆盖黄色背景border:1pxsolid#CCC!important;这样就去掉了谷歌浏览器输入框默认的黄色背景,如果你不想要浏览器默认 查看详情

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

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

去掉谷歌浏览器获取焦点时默认的inputtextarea的边框(代码片段)

Chrome上(或安卓机上的ionicApp)当鼠标焦点在input、textarea这些元素上时,Chrome默认的会给它们加上黄色的边框。我用这个CSS,没有用。textarea:focusborder:none;后来一查才发现,得这么写:textarea:focusoutline:none;  查看详情

去掉谷歌浏览器获取焦点时默认的inputtextarea的边框和背景

去掉chrome(谷歌)浏览器默认的input、textarea的边框(border)和背景(background)及chrome下不可更改textarea大小1、使用Chrome的都知道,当鼠标焦点在input、textarea这些元素上时,Chrome默认的会给它们加上黄色的边框,我以前一直以为这是chrome... 查看详情

我,而且用自动记住的密码登录总也登录不上这是咋回事啊?用的是360安全浏览器账号和密码的位置是黄色的

额这是由于你输入的账号密码错误造成的,建议你重新输入正确的账号密码就可以了。参考技术A你好朋友这个情况可能是上次登录时保存的密码不对,建议重新输入正确的帐号和密码登录 参考技术B重新输入正确密码。 查看详情

解决谷歌浏览器记住密码输入框颜色改变

谷歌浏览器记住密码输入框颜色会改变,并且字体颜色会变成黑色,如图输入框原来的样式是这样的然而记住密码后,输入框颜色就变成了黄色,并且字体变成了黑色这是由于谷歌浏览器的自带样式的缘故:input:-webkit-autofill,&nbs... 查看详情

chrome的input默认样式黄色背景以及选中加粗的边框处理

...背景色,还有选中时周围会有很粗的边框 解决方案:去掉黄色背景,给input添加autocomplete=‘off’去掉粗边框,给input添加outline:none; 查看详情

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

...有黄色背景, 这个填充功能本身是没什么问题的,但是谷歌浏览器给了个莫名其妙的黄色背景,用css样式重置它也没卵用,貌似是谷歌的底层样式就下面这段。。。 使用方法:一,因为这玩意出现只有在之前有输入记录的情... 查看详情

input去掉点击后出现的边框

添加属性:focus{outline:none} 就可以去掉默认点击时,边框会出现的蓝色边框。:focus选择器用于选取获得焦点的元素。提示:接收键盘事件或其他用户输入的元素都允许:focus选择器。不想点击时每次都要设置的话,最好在默认样... 查看详情

登录页面记住账号密码后input输入框自动填充账号密码问题

...考技术A如果登录页面有两种登录方式,第一个登陆方式记住账号密码后,切换到第二个账号密码界面,input输入框自动填充第一种登录的账号密码,要解除这个自动填充,需进行以下设置:1、对用户名的input设置 autocomplete=&q... 查看详情

怎么记住登录过的网页账号密码?

...可以在浏览器的设置中将记住账号密码功能打开,这里以谷歌浏览器为例。1、打开浏览器,点击浏览器右上角的更多图标,在展开的菜单中点击“设置”按钮进入设置界面:2、进入设置后,找到“自动填充”分类下的“密码”... 查看详情

如何去除input框在谷歌浏览器下的黄色底纹(代码片段)

  现象:谷歌浏览器下input框有默认记住功能,此时若选择了历史输入的内容,则变成如下图;非历史输入,是没有的。  方法一input:-webkit-autofill-webkit-box-shadow:000px1000pxwhiteinset;此法仅适用纯色背景;  方法... 查看详情

登录框记住密码出现黄框

1.可以在不需要默认填写的input框中设置 autocomplete="new-password"2.input文本框是纯色背景的  input:-webkit-autofill   -webkit-box-shadow: 0 0 0px 1000px white inset 查看详情

去除谷歌浏览器填充密码时填充的背景色(代码片段)

出现的问题:解决的问题,这是默认填充账号密码时填充的颜色,要去掉这个颜色body.login_fieldsinputbackground-color:white!important;body.login_fieldsinput:-webkit-autofilltransition:background-color5000sease-in-out0s; 查看详情

谷歌浏览器设置记住密码怎样修改个别网页默认没有记住密码?请看清以下问题补充。谢谢

我的谷歌浏览器已经设置提示记住密码了,但是有些网站第一次打开时没有选择记住密码(当然也没有选择不要记住密码)后面再打开网页就再也没有提示出来了,就是所谓的已经默认不记住密码了,要怎样修改这个设置?其他... 查看详情

解决谷歌浏览器记住密码后输入框背景变成黄色问题(代码片段)

在css中加入如下代码,让浏览器颜色过5000秒后再变:-webkit-autofill-webkit-text-fill-color:#fff!important;transition:background-color5000sease-in-out0s;正常情况下按上述方法即可解决,如果还是不能解决可在head标签中加入如下代码,彻底解决<script... 查看详情

清除input输入框的密码账号不让浏览器记住

<inputid="password"value=""type="password"autocomplete="off"name="password"onfocus="this.type=‘password‘"datatype="*"> window.load=function(){ document.getElementById(‘password‘).value=‘‘; 查看详情

访问共享文件时切换默认的访问账号

...台Win7系统的共享文件时,输入用户名密码之后没有勾选记住账号,访问失败;再次访问该共享文件时没有弹出账号密码输入框,不弹出账号输入框无法用另外的账号登录。解决过程:百度上说到在控制面板中删除网络密码(控... 查看详情