फ़ायरफ़ॉक्स बटन में पैडिंग है, क्रोम बटन

Question

फ़ायरफ़ॉक्स और क्रोम में लगातार देखने के लिए मैं अपने <button> s कैसे प्राप्त करूं? क्या गैर-सशर्त सीएसएस समाधान है? अभी, Firefox के बटन अतिरिक्त गद्दी भले ही YUI's CSS Reset गद्दी 0.

मुझे पता चला कि एक ही उपस्थिति प्राप्त करने के लिए, क्रोम डबल पैडिंग की आवश्यकता है बनाया है।

  #fileActions button { 
       padding: 0.2em; 
      } 

@media screen and (-webkit-min-device-pixel-ratio:0) { 
      #fileActions button { 
       padding: 0.4em; 
      } 
} 

क्रोम

फ़ायरफ़ॉक्स

Answer 1

फ़ायरफ़ॉक्स बटन को आंतरिक फोकस कहलाता है, इससे इसे बिंदीदार फोकस लाइन खींचने की अनुमति मिलती है। इसके लिए forms.css में एक नियम है, जो इसे 1px सीमा और 2px बाएं और दाएं पैडिंग देता है। मुझे नहीं पता कि वेब पेज से इसे ओवरराइड करना संभव है या नहीं।

Answer 2

है यह अपने सीएसएस देखे बिना कहने के लिए है, लेकिन मुश्किल आप के सीएसएस जाँच करता है, तो यूयूआई रीसेट, आप इसे देखेंगे विरासत वाले लोगों को छोड़कर button तत्व के लिए किसी भी गुण को सेट या रीसेट नहीं करता है और जिसमें तक मुझे पता है कि पैडिंग शामिल नहीं है।