Safari 的自动完成功能破坏了我网站上的表单

Question

我的网站上有一个表单，它恰好有一个电子邮件字段，后跟一个密码字段。Safari 正在填写它们，就好像它们是登录表单一样，而实际上并非如此。之前在电子邮件输入中设置的值被删除，这是一个问题，并且 Safari 输入的用户名不是有效的电子邮件，这会破坏表单。

我尝试添加autocomplete="off"，但 Safari 只是忽略它。我如何说服它这不是登录屏幕，并请停止干预？

编辑：我只是尝试移动表单的顺序以帮助 Safari 意识到它不是登录表单，它仍然填写它，即使密码字段在最顶部，电子邮件字段在最底部（下 5 个字段）。

Answer 1

此解决方案适用于在 Safari 中禁用自动完成功能：

如果要在所有表单上禁用密码自动完成功能，请使用：

::-webkit-credentials-auto-fill-button {
     visibility: hidden;
}

如果您只想禁用一种形式，请使用：

.put_your_class_here::-webkit-credentials-auto-fill-button {
     visibility: hidden;
}