Firefoxは垂直高さを選択し、入力内容を中心とするここ

Question

を指定していないが起こっていただきました！の画像です：

http://imageshack.us/photo/my-images/217/ffbug.png/

ここに私のコードです：クロームとFirefox、それ垂直整列で

select { 
    width: 150px; 
    height: 40px; 
    padding-left: 10px; 
} 

選択値は完全にfirefoxでは、値はselectの先頭に固定されています。

私はvertical-align: middleとline-height: 40pxを追加しようとしましたが、どちらも変更されていません。

Answer 1

私はこのコードでdivの中にそれを置くことにしました：

.search li select { 
    padding: 0px; 
    margin: 0px; 
} 
.search li div { 
    height: 32px; 
    padding: 10px 10px 0px 10px; 
    background: #ffffff; 
} 

のdivの背景を選択背景と同じです。

FFのIEとクロムを中心にして、そのうち矢印だけがパディングの中に入っています...まあ...時々あなたは私が推測することができません。

@-moz-document url-prefix() { 
    select { 
    padding-top: 13px; 
    } 
} 

これは動作するはずですが、あなたが複数のブラウザのサポートをしたい：

Answer 2

その要素にpadding-top: 10px; padding-bottom: 10px;をちょうど使用してください。テキストは自動的に中央に表示されます。