浏览器表单记录用户名密码自动填充后有黄色背景,
看了下样式发现是一个样式的原因input:-webkit-autofill
网上查了下有人说添加个属性即可
autocomplete="off"
有人说添加到from属性里有人说添加到input里,试过都不管用,只能继续找解决方法了,
最后找到的解决方法如下:
对于纯背景色的表单添加以下样式即可
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #2390cc inset; }
修改后样式如下其实就是设置一个蓝色内阴影覆盖掉黄色背景而已,我对其他样式也做过一些修改:
网上还找到了拿图片做表单背景的解决方法,不过要在js代码里处理,这个还没有试过,先把代码附上
if (navigator.userAgent.toLowerCase().indexOf("chrome") >= 0) { $(window).load(function(){ $('input:-webkit-autofill').each(function(){ var text = $(this).val(); var name = $(this).attr('name'); $(this).after(this.outerHTML).remove(); $('input[name=' + name + ']').val(text); }); }); }
除了背景色还有自动填充的文字颜色也想修改,不过暂时还没找到解决方法,大家谁有好的方法留言哈,多谢了。
下面附张非自动填充的效果图
相关推荐
ios输入框(input)背景色为白色无法去除
分享一个用纯 CSS3 实现的,漂亮的 input 输入框动画样式库-Text input love。 点击每个输入框都用不同的动画效果,始终显示标签label,并显示 placeholder(占位符)文本。 演示地址:...
js实现input输入框输入信息后出现下拉选择框,下拉框的数据源可以使根据输入的值从数据库中动态获取
主要介绍了jQuery实现动态添加、删除按钮及input输入框的方法,涉及jQuery事件响应及页面元素动态操作相关实现技巧,需要的朋友可以参考下
这是一款基于CSS3实现的input输入框蓝光特效源码,是一款CSS3 transition过渡制作发蓝光的input输入框样式代码。当输入框获得焦点时可呈现出发光的特效。是一款非常优秀的特效源码。建议用户使用支持CSS3的火狐或...
代码主要实现点击添加多个input输入框,并对每个输入框里的数据进行判断
input输入框获取js点击文字内容是一款js输入框特效,无jquery,只需点击div,input输入框会自动获取输入的内容。
当input输入框获取焦点后,自动下拉显示按照字母字段排序的筛选框 城市名称的排序、内容均在js中可以任意修改 使用方法: 1、在网页head中引入页面css样式 2、将“代码”部分拷贝到你需要的地方 ...
点击input输入框弹出选择层(基于jquery) 网页特效,网页模板,导航菜单,焦点幻灯片,JS代码
input输入框蓝光特效
这是一款基于vue2.0的input输入框文字特效。该input输入框特效在输入框聚焦时,为输入框添加多种动画效果,极大提高交互效果。
js-input输入框提示语
CSS3 input输入框蓝光特效是一款CSS3 transition过渡制作发蓝光的input输入框样式代码。
jquery输入框提示插件input输入框文字下拉提示添加标签代码
在本篇文章里小编给大家整理的是一篇关于jQuery/JS监听input输入框值变化实例内容,需要的朋友们学习下。
用于页面的日期选择,里面的插件涉及js和css,而这两个都是基于jquery的,所以资源中还包含了jquery.显示的日期格式可以设定.
14种CSS3炫酷表单input输入框美化效果
HTML5页面input输入框控制,正则控制。避免移动端input输入框受移动设备兼容性影响。
为减少页面空间占用,将图片按钮放置在input输入框中,兼容火狐、谷歌和IE,图片自行替换
14种CSS3炫酷表单input输入框美化效果 Text Input Effects Simple ideas for enhancing text input interactions