61,124
社区成员
发帖
与我相关
我的任务
分享如何解决在chrome中自动完成表单后input出现黄色背景
我在网上找了下，有两个解决方案，一个是autoComplete设置为off，但我用的不是html5，所以这个方案否决（这里附带问下有没有什么js效果可以替代html5的autoComplete的效果），第二个是
$(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);
});
});
}
});
...全文
请发表友善的回复…
发表回复
qiaoyuhang178 2014-08-15
- 打赏
- 举报
再猥琐一点的
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset;
border: 1px solid #CCC!important;
}
豪情 2014-06-30
- 打赏
- 举报
可以把图标与input分开放在2个标签里边，这样就不会被覆盖了。就是麻烦一点而已。
KK3K2005 2014-06-30
- 打赏
- 举报
xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>滚动到顶部，锁定</title>
</head>
<body>
<style type="text/css">
.text1{
position: absolute;
left: 0;
right: 0;
border: solid 1px blue;
background-color: red;
}
.text2{
position: absolute;
left: 0;
right: 0;
background-color: red;
border: solid 1px red;
pointer-events: none;
}
</style>
<input class="text1" type="text" onfocus="text1focus()" onblur="text1change()" name="name" >
<input class="text2" type="text">
<script>
var text1 = document.getElementsByTagName('input')[0];
var text2 = document.getElementsByTagName('input')[1];
var text1change = function(){
text2.value = text1.value;
text2.style.display = '';
}
var text1focus = function(){
console.log('focus');
text2.style.display = 'none';
}
</script>
<br>
<br>
<br>
<br>
<br>
<br>
</body>
</html>KK3K2005 2014-06-30
- 打赏
- 举报
那你改成 rgba(0,0,0,0) 无色 不就好了[/quote]那段代码的意思是遮挡的效果，你把他改成无色，那遮挡就没效果了，就还是原来的黄色底纹了[/quote]
好 学习了
abc395015721 2014-06-30
- 打赏
- 举报
那你改成 rgba(0,0,0,0) 无色 不就好了[/quote]那段代码的意思是遮挡的效果，你把他改成无色，那遮挡就没效果了，就还是原来的黄色底纹了
KK3K2005 2014-06-30
- 打赏
- 举报
那你改成 rgba(0,0,0,0) 无色 不就好了
abc395015721 2014-06-30
- 打赏
- 举报
而，我的为什么还是不能识别。。。
abc395015721 2014-06-30
- 打赏
- 举报
你这个方法我用过，这个只不过是把黄色的底纹改成了白色，把我的背景图片给遮挡了
豪情 2014-06-27
- 打赏
- 举报
input:- webkit-autofill { -webkit-box-shadow: 0 0 0 1000px white inset; } 
人生难得一只鸡 2014-06-27
- 打赏
- 举报
autoComplete 谷歌下是识别的，所以这个方案可行，虽然你用的不是html5，你只要针对chrome解决就好了，其他浏览器下没有背景黄色的问题
