css - Chrome のパスワード入力のデフォルトのフォントサイズを上書きして Firefox に合わせます

Question

Chrome は、Firefox よりも小さいパスワードをレンダリングします。Chrome のパスワード入力要素の font-size を Firefox に合わせて手動で大きくすると、キャレットの高さも大きくなりますが、これは望ましくありません。これに対する回避策は何ですか？

Answer 1

ここに行きます（メディアクエリを使用して Chrome ...と Safariを選択します。これはチェックする必要はありません）：

<input type="password" class="pass" value="dfjlfsdkljf"><br>
<input type="password" value="dfjlfsdkljf">​

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .pass {
        -webkit-text-stroke-width: .2em;
        letter-spacing: 0.2em;
    }
}​

http://jsfiddle.net/exbFb/3/

input[type=password]そして、要素に影響を与えるためのブランケットセレクター:

@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type=password] {
        -webkit-text-stroke-width: .2em;
        letter-spacing: 0.2em;
    }
}​

http://jsfiddle.net/exbFb/4/