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

Question

Chrome渲染密码小于Firefox。如果我手动增加Chrome中密码输入元素的字体大小以匹配Firefox，那么插入符号高度也会增加，这是我不想要的。这是什么解决方法？

Answer 1

在这里（使用media query to select 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/