Wordpress 由于浏览器问题，WooCommerce签出字段被误认为登录字段

在WooCommerce上，我启用了“允许客户在结账时创建帐户”，这将在结账时添加

用户名

和

密码

字段，以便客户可以创建帐户

如果在我的网站上拥有帐户但已注销的用户使用Chrome进入结帐页面，结帐时的

电子邮件

、

用户名

和

密码

字段将自动预填用户的现有帐户信息。截图：

同样的问题也发生在Safari上。当我在注销时进入结帐页面时，我立即被引导到

电子邮件

字段，并被提示使用我现有的帐户信息登录。截图：

但在签出时使用现有帐户信息没有意义，因为签出时的

电子邮件

、

用户名

和

密码

字段用于创建新帐户，而不是登录现有帐户

我认为重要的是要注意，当我登录到我的WordPress帐户时，我总是选中“记住我”复选框，并且我已经将我的网站登录详细信息保存到两个浏览器中

因此，签出页面中的

电子邮件

、

密码

和

用户名

字段很可能会误导浏览器，使他们认为这些字段是登录字段，而实际上并非登录字段

---

有没有办法“告诉”浏览器签出时的这些字段不是登录字段？

防止浏览器提示有点棘手，因为大多数专业都删除了

autocomplete=“false”

我已经注意到所有这些公司都有很多不同的行为，目前还没有真正的标准方法来处理这个问题

所有试图修复该问题的javascript方法都会导致移动版本出现问题，而numpad不会出现

-webkit文本安全：光盘与文本
组合

我成功地删除了
type=“password”
并切换到
type=“text”
，使用了不同于password、login或任何其他同义词的名称属性。（例如：
pw_9394792
，
lg_9394792
）。配
颜色：透明；文本阴影：黑色0 10px
以直观地隐藏密码

<input type="text" name="lg_9394792">
<input type="text" name="pw_9394792" style="color:transparent;text-shadow:black 0 0 10px;">



不久前我还做了一些尝试，在页面顶部设置了一个虚拟表单

<form style="height:0;max-height:0;background:transparent;color:transparent;border:none;" data-description="dummy">
<input type="email" style="height:0;max-height:0;background:transparent;color:transparent;border:none;" data-description="email"></input>
<input type="text" style="height:0;max-height:0;background:transparent;color:transparent;border:none;" data-description="username"></input>
<input type="password" style="height:0;max-height:0;background:transparent;color:transparent;border:none;" data-description="password"></input>
<input type="submit" style="height:0;max-height:0;background:transparent;color:transparent;border:none;" data-description="submit">
</form>



现在有一个非常流行的关于它的帖子，在Github上已经持续了近3年，请看@