css - 覆盖 Chrome 中密码输入的默认字体大小以匹配 Firefox

Question

Chrome 呈现的密码比 Firefox 小。如果我在 Chrome 中手动增加密码输入元素的字体大小以匹配 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/