2017-04-04 12 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.)

これは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 1に見てきましたが、何も動作していないようにみえます。

ありがとうございます。

+0

何が問題ですか?それはどのように行動すべきですか?クロムから写真をもらってください! – Konstantinos

+1

イメージを追加しました。ありがとう – mdrjjn

+0

'= 'の前に' name = "password" 'のスペースを削除できますか? – Konstantinos

答えて

1

[OK]を解決しました。私のCSSから欠けていたものはすべてこの行です:

box-sizing: content-box; 

完璧に動作します。申し訳ありませんが、シンプルさが誰かを怒らせた場合)

関連する問題