फ़ायरफ़ॉक्स पर बहुत लंबा बटन

Question

मुझे फ़ायरफ़ॉक्स के लिए एक समस्या मिली है। मैं बिल्कुल देखने के लिए लिंक और बटन स्टाइल करने की कोशिश कर रहा हूं। फ़ायरफ़ॉक्स को छोड़कर हर ब्राउज़र पर, यह वांछित के रूप में काम करता है। फ़ायरफ़ॉक्स पर, लिंक के लिए 15 पिक्सेल की तुलना में बटन की सामग्री की ऊंचाई 18 पिक्सेल है। क्रोम, सफारी और इंटरनेट एक्सप्लोरर पर, वे उचित 15 पिक्सल लंबा हैं। ऐसा क्यों है?

Here's a demo on jsFiddle समस्या का। यहाँ परिणाम मैं क्रोम पर प्राप्त होते हैं:

और यहाँ फ़ायरफ़ॉक्स परिणाम है:

मैं सीएसएस में मैन्युअल रूप से ऊँचाई को बदलने की कोशिश की है, लेकिन यह पूरी तरह से काम नहीं करता है और अन्य ब्राउज़रों पर लेआउट तोड़ता है। -moz-appearance: none सेट करना कुछ भी नहीं करता है, लेकिन फिर, यह आमतौर पर नहीं करता है।

Here's a full detail of my attempt, और इसके लिए क्या उपयोग किया जा रहा है।

क्या कोई इस समस्या से पहले आया है? मैं सभी ब्राउज़रों में ऊंचाई को बराबर कैसे कर सकता हूं?

Answer 1

मिले किसी अन्य उपयोगकर्ता ने इस प्रयोग किया है:

input::-moz-focus-inner /*Remove button padding in FF*/ 
{ 
    border: 0; 
    padding: 0; 
} 

http://jsfiddle.net/MCAllinder/dehda/2/

Answer 2

मैं एक पूर्ण समाधान मिल गया है और इसके बारे में यहाँ लिखा है:

http://davidwalsh.name/firefox-buttons

input::-moz-focus-inner { 
    border: 0; 
    padding: 0; 
    margin-top:-2px; 
    margin-bottom: -2px; 
} 

आप की जरूरत है अपने मिलान के लिए मार्जिन-टॉप और मार्जिन-तल को संशोधित करने के लिए अन्य बटन