फ़ायरफ़ॉक्स बटन को क्रोम बटन (सीमा, सीमा-त्रिज्या, पैडिंग, मार्जिन ..) जैसा दिखता है - सीएसएस, google-क्रोम, फ़ायरफ़ॉक्स

फ़ायरफ़ॉक्स: यहां छवि विवरण दर्ज करें गूगल क्रोम:यहां छवि विवरण दर्ज करें

.stdbutton{
width:100px;
height: 20px;
}
button::-moz-focus-inner {
padding: 0 !important;
border: 0 none !important;

}

उन्हें समान दिखने के लिए कैसे करें? border-radius:0px; इसका कोई प्रभाव नहीं है।

उत्तर:

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

प्रत्येक ब्राउज़र रेंडर करता है <button> अलग ढंग से। कोई भी सीएसएस संपत्ति नहीं है जो सभी ब्राउज़रों में बटन के दृश्य स्वरूप को मानकीकृत करती है।

यदि आप एक मानकीकृत उपस्थिति चाहते हैं, तो या तो इसे पूरा करने के लिए एक जेएस प्लगइन का उपयोग करें, या सेटिंग द्वारा डिफ़ॉल्ट ब्राउज़र स्टाइल को हटा दें

-webkit-appearance: none; -moz-appearance: none; appearance: none;

बटन पर, और फिर आप इसे कैसे दिखाना चाहते हैं, उसके अनुसार इसे स्टाइल करें।


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

आप इसका उपयोग अपने बटनों पर कर सकते हैं:

-webkit-appearance:     none;
-moz-appearance:        none;
-ms-appearance:         none;
-o-appearance:          none;
appearance:             none;

और फिर उन्हें समान रूप से स्टाइल करें


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

प्रत्येक ब्राउज़र रेंडर करता है <button> अलग ढंग से। कोई भी सीएसएस संपत्ति नहीं है जो सभी ब्राउज़रों में बटन के दृश्य स्वरूप को मानकीकृत करती है।

यदि आप एक मानकीकृत उपस्थिति चाहते हैं, तो या तो इसे पूरा करने के लिए एक जेएस प्लगइन का उपयोग करें, या सेटिंग द्वारा डिफ़ॉल्ट ब्राउज़र स्टाइल को हटा दें

-webkit-appearance: none; -moz-appearance: none; appearance: none;

बटन पर, और फिर आप इसे कैसे दिखाना चाहते हैं, उसके अनुसार इसे स्टाइल करें।


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

आप इसका उपयोग अपने बटनों पर कर सकते हैं:

-webkit-appearance:     none;
-moz-appearance:        none;
-ms-appearance:         none;
-o-appearance:          none;
appearance:             none;

और फिर उन्हें समान रूप से स्टाइल करें


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