2012-10-20 117 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