2017-04-04 87 views
1

我的密码输入栏看起来是这样的:Safari浏览器将不允许与输入pssword互动,同时允许输入到其他输入字段

<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.)

这是我看着别人解决方案like this之一,但似乎没有任何工作的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; 
} 

预先感谢您。

+0

有什么问题?它应该如何表现?给我们从铬合影照片! – Konstantinos

+1

添加图片。感谢 – mdrjjn

+0

你可以在'=' – Konstantinos

回答

1

好的,找出解决方案。所有这些从我的CSS中缺少的是:

box-sizing: content-box; 

完美地工作。对不起,如果简单冒犯了任何人))