1

所以，我搜索了一段时间，看看我是否可以禁用黄色 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 出现了故障还是类似的问题......

甚至可以修复吗？

4

1 回答 1

0

您可以使用 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});

是的，它们在加载时是不可见的，但这不应该真的很明显。

于 2013-10-20T20:31:12.573 回答