firefox không theo chiều dọc trung chọn nội dung đầu vào với chiều cao quy định

Question

đây là một hình ảnh của whats going on:

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

đây là mã của tôi:

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

trong chrome và firefox, nó theo chiều dọc Canh lề các giá trị chọn hoàn hảo. trong firefox, các giá trị bị mắc kẹt ở đầu lựa chọn.

Tôi đã thử thêm vertical-align: middle và line-height: 40px, cả hai thay đổi không có gì.

Answer 1

tôi quyết định đặt nó trong một div với mã này:

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

nền div là giống như nền chọn.

của nó cũng khá tập trung trong FF IE và chrome, điều duy nhất là mũi tên bên trong đệm cũng ... oh well ... đôi khi bạn không thể giành chiến thắng tôi đoán.

Answer 2

Chỉ cần sử dụng padding-top: 10px; padding-bottom: 10px; trên phần tử đó. Văn bản của bạn sẽ được tự động căn giữa.