टेक्स्ट बॉक्स में टेक्स्ट वर्टिकल संरेखण - फ़ायरफ़ॉक्स समस्या

Question

मुझे फ़ायरफ़ॉक्स में चुनिंदा बॉक्स कैप्शन के लंबवत संरेखण के साथ कोई समस्या है। इस तरह का चयन दिखता है के लिए

सीएसएस:

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; 
} 

क्रोम में सब कुछ ठीक लग रहा है:

मदद!

Answer 1

आप अपने कॉन्फ़िगरेशन के आधार पर इस

padding:.3em;/.4em; 

कोशिश कर सकते हैं।

Answer 2

एक अन्य विधि, एक है कि मैं पसंद करते हैं, यह है:

@-moz-document url-prefix() { 

    select { 
     padding-top: 8px; 
    } 
} 

padding-top जो कुछ भी करने के लिए आप की तरह सेट करें। @-moz-document url-prefix() ब्रैकेट के भीतर कुछ भी फ़ायरफ़ॉक्स पर निष्पादित होगा।