Internet Explorer'da metin girişinde dikey olarak orta metin

Internet Explorer'da bir giriş alanında dikey hizalama metninde sorun yaşıyorum.Internet Explorer'da metin girişinde dikey olarak orta metin

Ben:

Firefox ve Chrome'da

input#search { 
    float:left; 
    font-size:11px; 
    height:20px; 
    margin:0; 
    padding-left:4px; 
    width:100px; 
}

, bununla birlikte Internet Explorer değil mi, hizalanmış otomatik dikey olarak görünmektedir.

<!--[if IE]> 
input#search{ 
    padding-top:3px; /* adjust value */ 
} 
<![endif]-->

2011-03-01 jcoahd

Aynı sorunu yaşıyorum ve giriş yüksekliğini ve satır yüksekliğini değiştirerek hiçbir şey üzerinde hiçbir etkisi yoktur. – Evans

Böyle IE koşullu yorumunu kullanabilirsiniz.

2011-03-01 10:17:13 Sarfraz

line-height:1 ayarlanması çok alanlara biraz nefes boşluk eklemek gerekir dikey hizalama ve padding:.15em biraz hafifletmek olabilir:

2011-03-01 10:19:25 Marcel

Yalnızca giriş nesnesinin yüksekliğini ve çizgi yüksekliğini ayarlayın ve iyi çalışıyor (örn. 7+).

input { border: 0; font-size: 0.8em; height: 32px; line-height: 32px;}

gl Paulo Bueno

2011-07-19 14:10:38

Her zaman çizgi yüksekliği hakkında :) – robertp

En iyi çapraz tarayıcı çözümü imo. –

teşekkürler bu çözüm –

Sadece aynı değere sahip bir metin kutusu için line-height ve height tanımlar.

2012-12-12 18:41:03 Chinni

-1

Konuyu dikkate alınız. Boşsa, içerik (&nbps;) eklemeniz gerekir, böylece kaşif yüksekliği doğru şekilde düzeltir.

2013-06-04 17:00:21 gamliela

cevap