फ़ायरफ़ॉक्स बटन को पैडिंग का सम्मान कैसे करें? - सीएसएस, गूगल क्रोम, फ़ायरफ़ॉक्स, पैडिंग

किसी कारण से फ़ायरफ़ॉक्स button तत्वों को सीएसएस का सम्मान नहीं लगता है padding घोषणाएं, भले ही आप उन्हें बनाते हैं display: block

क्रोम और फ़ायरफ़ॉक्स में यह JSFiddle देखें: http://jsfiddle.net/DgeQ6/

ध्यान दें कि पैडिंग क्रोम में कैसे काम करती है लेकिन फ़ायरफ़ॉक्स में नहीं। मैं फ़ायरफ़ॉक्स को ध्यान देने के लिए कैसे प्राप्त करूं? padding में button तत्वों?

मेरी मशीन पर फ़ायरफ़ॉक्स पर कैसा दिखता है इसका एक स्क्रीनशॉट यहां दिया गया है:

https://www.evernote.com/shard/s217/sh/dc349236-9a7e-46f2-ae77-3a7581fa78c1/ea90d1f4a880ba64257fdd744b9fabcf

पैडिंग 20px होना चाहिए लेकिन यह प्रभावित नहीं है।

उत्तर:

उत्तर № 1 के लिए 4

क्रेडिट नीचे बोरिस जाना चाहिए, लेकिन आपको -मोज़-उपस्थिति का उपयोग करने की आवश्यकता है: ओएस स्तर बटन स्टाइलिंग को ओवरराइड करने के लिए कोई भी नहीं। यहाँ एक पहेली है: http://jsfiddle.net/DgeQ6/8/

एचटीएमएल

<button class="btn-large">Hello</button>

सीएसएस

.btn-large {
padding: 100px;
-moz-appearance: none;
}

यह भी ध्यान दिया जाना चाहिए कि ट्विटर बूटस्ट्रैप पैडिंग के साथ "सीमा-त्रिज्या" स्टाइलिंग करके फ़ायरफ़ॉक्स में अपने बटन के लिए समान प्रभाव प्राप्त करने के लिए प्रतीत होता है।


जवाब के लिए 2 № 2

अपने आप से पैडिंग मैक पर काम नहीं करता है क्योंकिबटन के लिए मैक देशी थीमाधारित देखो पैडिंग ओवरराइड करता है। विंडोज़ पर यह ठीक काम करता है, उदाहरण के लिए। मैं याद नहीं कर सकता कि लिनक्स पर व्यवहार क्या है।

इससे निपटने का सबसे सुरक्षित तरीका सेट करना है -moz-appearance: none यदि आप देशी थीमाधारित दिखना चाहते हैं।


जवाब के लिए 0 № 3

यहां छवि विवरण दर्ज करें

ऐसा लगता है कि यह मेरे फ़ायरफ़ॉक्स में है।


संबंधित सवाल
सबसे लोकप्रिय