Question

所以，我搜索了一会儿看看我是否可以禁用黄色bg chrome添加到它记得的字段......这对我的主题来说有点烦人。

我找到了修复它的代码！

<script type="text/javascript">
  $(function() {
    if (navigator.userAgent.toLowerCase().indexOf("chrome") >= 0) {
    var intervalId = 0;
      $(window).load(function() {
        intervalId = setInterval(function () { // << somehow  this does the trick!
          if ($('input:-webkit-autofill').length > 0) {
            clearInterval(intervalId);
            $('input:-webkit-autofill').each(function () {
              var text = $(this).val();
              var name = $(this).attr('name');
          $(this).after(this.outerHTML).remove();
          $('input[name=' + name + ']').val(text);
            });
          }
        }, 1);
      });
    }
  });
</script>

当你尝试时，问题就是这一点点黄色

这也是我的表格......

<form action="login.php" method="post" class="form-container">

  <input class="menu_button" type="submit" value="Login">
  <a href="register.php" class="menu_button">Register</a><br>

  <input autocomplete="off" class="form-field" value="Username" type="text" name="username"   onfocus="if (this.value=='Username') this.value='';"/><br />
  <input class="form-field" value="Password" type="password" name="password" onfocus="if   (this.value=='Password') this.value='';"/><br />

</form>

这仅仅是因为Chrome有故障或类似的事情......

甚至可以修复吗？

Answer 1

您可以使用CSS隐藏元素

/* may as well target Chrome (catches Safari too tho) */
@media screen and (-webkit-min-device-pixel-ratio:0){ 
    input{
        opacity:0;
    }
}

然后在webkit业务开始后展示它们。

$('input').css({opacity:1});

是的，它们在加载时是隐形的，但这不应该是显而易见的。

Google Chrome禁用黄色输入表单字段（NO FLASH）

1 个答案: