उपयोग सीएसएस <button> बनाने के लिए और एक ही <a>

Question

मैं चाहता < बटन > और < एक > ही देखने के लिए बनाने के लिए लग रही है। मैं एक ऐसी ही पोस्ट का सुझाव है कि

box-sizing: content-box; 
-webkit-box-sizing: content-box; 
-moz-box-sizing: content-box; 

जोड़ने हालांकि मिल गया है, यह अभी भी एक मामूली ऊंचाई अंतर जब Firefox में देखे गए है। यहां jsfiddle है। कोई मदद?

Answer 1

http://jsfiddle.net/H3HK8/22/

button::-moz-focus-inner, 
.btn::-moz-focus-inner 
{ 
    border: 0; 
    padding: 0; 
} 

यह फिक्स मध्य एक, अभी भी अंतिम इनपुट पर काम कर रहा है।

यहाँ से http://www.aheadcreative.com/removing-unwanted-button-padding-in-firefox/

अद्यतन

मैं अंतिम उदाहरण आप इस http://www.cssnewbie.com/input-button-line-height-bug/#.USzRd6Wcmzc

लिए शिकार गिर रहे हैं आप लाइन ऊंचाई देख सकते हैं के लिए संदेह है इस उदाहरण http://jsfiddle.net/H3HK8/24/ में कोई प्रभाव नहीं है, यहां तक ​​कि साथ! महत्वपूर्ण जोड़ा गया।

और इस नियम के आसपास काम करने की कोशिश करते समय, मुझे कुछ ऐसा पता चला जो स्थिति को और अधिक सख्त बनाता है: ब्राउज़र-परिभाषित! महत्वपूर्ण नियमों को लेखक द्वारा परिभाषित नहीं किया जा सकता है! महत्वपूर्ण नियम। इस नियम को एक सीएसएस फ़ाइल, एक इनलाइन शैली - कुछ भी द्वारा ओवरराल्ड नहीं किया जा सकता है।

Answer 2

आपको यह सुनिश्चित करना चाहिए कि सभी सीएसएस गुण समान हैं। तो न केवल बॉक्स आकार (जो वास्तव में अपने आप में कुछ भी नहीं है), लेकिन यह भी गद्दी, मार्जिन, लाइन ऊंचाई, फ़ॉन्ट आकार, पृष्ठभूमि आदि