Safari 不允许与输入密码交互，同时允许输入其他输入字段答案

【问题标题】：Safari would not allow to interact with the input pssword, while allowing input into other input fieldsSafari 不允许与输入密码交互，同时允许输入其他输入字段
【发布时间】：2017-08-30 06:30:37
【问题描述】：

我的密码输入字段如下所示：

<input class="genericButton" id="login-password" type="password" name ="password" placeholder="Password">

在 Chrome 中，一切正常：我可以输入密码并继续。但是，在 Safari 中，我可以输入我的登录名（类似的输入字段），但是当我单击密码字段时，什么也没有发生。 This is what it looks like when I focus on the password field.

And this is how I want it to work (as seen in Chrome.)

这是CSS

.genericButton {
    font-family: 'Roboto';
    font-weight: 300;
    background-color: rgba(50,50,50,0.3);
    color: aliceblue;
    transition: 0.25s;
    width: 190px;
    font-size: 1em;
}

我已经研究过其他解决方案 like this 之一，但似乎没有任何效果。

提前谢谢你。

【问题讨论】：

有什么问题？它应该如何表现？也给我们 chrome 的照片！
添加了图片。谢谢
你能把name ="password"中=前面的空格去掉吗
请提供您的故障排除代码
做到了。不是问题（（

标签： javascript html css safari passwords

【解决方案1】：

好的，找到解决方案了。我的 CSS 中缺少的只是这一行：

box-sizing: content-box;

完美运行。对不起，如果简单得罪了任何人））

【讨论】：