Dikey olarak seçin kutusunda metni hizalamak istiyorum. Kullanmayı denedim

select{
   verticle-align:middle;
}

ancak herhangi bir tarayıcıda çalışmaz. Krom merkezine seçin kutusunda metni hizalamak için bir varsayılan olarak görünüyor. FF üstüne hizalar ve IE altına hizalar. Bunu başarmak için herhangi bir yolu var mı? UİBinder içinde GWT Select widget kullanıyorum.

Bu ne var şu anda

select{
    height: 28px !important;
    border: 1px solid #ABADB3;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

Teşekkürler!

En iyi seçenek muhtemelen üst dolgu ayarlayın ve tarayıcıları karşılaştırmak karşısında olacak. Mükemmel değil, ama olabildiğince yakın olduğunu düşünüyorum.

padding-top:4px;

Gereken dolgu miktarı yazı tipi boyutuna bağlıdır.

Eğer yazı px, px set dolgu olarak ayarlanır. ipucu: Yazı em, em dolgu da set halinde.

EDİT

Bu dikey-align tarayıcılar arasında meydana gelmiş olmadığına göre, bence seçenekleri vardır.

A. yükseklik özniteliği Kaldırın ve tarayıcı bırak. Bu genellikle benim için en iyi çalışır.

 <style>
    select{
        border: 1px solid #ABADB3;
        margin: 0;
        padding: auto 0;
        font-size:14px;
    }
    </style>
    <select>
        <option>option 1</option>
        <option>number 2</option>
    </select>

B. üst doldurma metni aşağıya Ekleyin. (Bazı tarayıcılarda ok aşağı itti)

<style>
select{
    height: 28px !important;
    border: 1px solid #ABADB3;
    margin: 0;
    padding: 4px 0 0 0;
    font-size:14px;
}
</style>
<select>
    <option>option 1</option>
    <option>number 2</option>
</select>

C. yazı tipi denemek ve seçmek yüksekliği biraz daha iyi maç için daha büyük yapabilirsiniz.

<style>
select{
    height: 28px !important;
    border: 1px solid #ABADB3;
    margin: 0;
    padding: 0 0 0 0;
    font-size:17px;
}
</style>
<select>
    <option>option 1</option>
    <option>number 2</option>
</select>