metin kutusunda dikey hizala - firefox issue

Firefox'ta seçme kutusu altyazısının dikey hizalamasıyla ilgili bir sorunum var. Böyle seçkin görünüm içinmetin kutusunda dikey hizala - firefox issue

screen from Firefox

CSS: her şey yolunda görünüyor Chrome'da

select#cities_list { 
    width: 95px; 
    height: 45px; 
    line-height: 45px; 
    background: url('./img/select-arrow.png') no-repeat right transparent; 
    -webkit-appearance: none; 
    border: 1px solid #dcdcdc; 
    border-left: none; 
    border-right: none; 
    padding: 0 10px; 
    margin: 0; 
    float: left; 
}

enter image description here

Yardım!

kaynak

2012-08-12 forkie

Merhaba hat, Bu sorunu çözdünüz mü? Evet ise, lütfen bana yardım edin .. !! –

Sen yapılandırmaya bağlı olarak bu

padding:.3em;/.4em;

deneyebilirsiniz.

kaynak

2012-10-05 07:24:29 nirupam

Bu ne böyle? Sadece bunu denedim ve çoğunlukla çalıştı. Bu hack nedir? – ClosDesign

Bu nasıl bir büyücülüktür? Sadece mükemmel bir şekilde çalıştı ... –

bunun neden işe yaradığına dair bir fikrim olmamasına rağmen ... tıpkı bir şölen gibi bir şey de söyleyebilirsiniz: dolgu: .3em .4em .3em .7em;/0; ve işe yarıyor gibi görünüyor. – corymathews

başka yöntem, ben tercih biri şudur ki:

@-moz-document url-prefix() { 

    select { 
     padding-top: 8px; 
    } 
}

istediğiniz gibi padding-top ayarlayın. @-moz-document url-prefix() parantez içindeki herhangi bir şey sadece Firefox üzerinde yürütülür.

kaynak

2014-01-28 22:05:04 Jarrod

Bu bir kesmek mi? Bu, gelecekteki firefox sürümlerinde devam edecek mi? Seçmeli girdiye 4px ekledim ve sorunu çözüyor. Seçme butonunun sadece firefox üzerinde dikey pozisyonunu değiştirdiği görülüyor, ancak gelecekteki bir tarayıcının veya test edilmemiş bir tarayıcının 4px padding-top sayesinde hizalanmayacağı konusunda endişelerim var. Bununla ilgili ne söylerdin? Şimdiden teşekkürler! –

metin kutusunda dikey hizala - firefox issue

cevap

İlgili konular