2012-10-20 75 views
2

Chrome呈现比Firefox更小的密码。如果我手动增加Chrome中密码输入元素的字体大小以匹配Firefox,则插入高度也会增加,这是我不想要的。这是什么解决方法?在Chrome中覆盖默认字体大小的密码输入以匹配Firefox

+0

我想这就是你的意思:http://jsfiddle.net/exbFb/ –

+0

你在两个浏览器中测试过吗? 2em在Firefox中看起来更大。 = – Mark13426

+0

当然;它是字体高度的度量。你在你的问题中说过你增加了字体大小,但它增加了“插入高度”(我认为你的意思是输入元素的高度)。 “这就是你的意思”意思是“你尝试过的一个演示”。 –

回答

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/

+0

这遗址的占位符。任何我们可以避免的方式? – SepehrM