सीएसएस iPad / iPhone पर बटन अजीब प्रतिपादन प्रस्तुत करते हैं

Question

मैंने देखा कि यदि मैं सीएसएस के साथ अपने बटन को त्रिज्या, रंग और सीमाओं का उपयोग करके स्टाइल करता हूं, तो वे अच्छे लगते हैं, लेकिन iPhone / ipad / ipod में वे भयानक दिखते हैं ... सफारी डेस्कटॉप के समान रेंडरिंग नहीं होनी चाहिए ??

Comments

IPad / iphone पर इनपुट बटन के लिए css स्टाइलिंग

— skolima

Answer 1

उफ़! बस अपने आप को पाया: बस इस लाइन को आप की जरूरत के किसी भी तत्व पर जोड़ें

   -webkit-appearance: none;

Comments

मैं तुमसे प्यार करता हूँ, stackoverflow, और @Francesco

— jahrichie

शानदार, और यहाँ सीएसएस ट्रिक्स से इसके बारे में एक शानदार लेख है। यह WebKit और Mozilla द्वारा बदले गए अन्य सभी तत्वों को सूचीबद्ध करता है।

— पैट्रिक

कम्पास में इसके लिए एक मिक्सिन है,

— पैट्रिक

काश, मैंने यह Google खोज 12 घंटे पहले की होती ... थैंक यू।

— एली पोस्ट

वास्तव में महान! नहीं सोचा था कि इस तरह की समस्या आईओएस में भी हुई थी! एक बार फिर इसके लिए आपका बहुत-बहुत धन्यवाद!

— सौरभ प्रजापति

Answer 2

इस कोड को css फ़ाइल में जोड़ें:

input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

ये सहायता करेगा।

Comments

महान! फॉर्म सबमिट बटन अब दिखता है जैसे कि यह मेरे iPad पर होना चाहिए

— peterkodermac

@peterkodermac कृपया पैरेंट CSS क्लास जोड़ना न भूलें, अन्यथा, यह हर इनपुट फ़ील्ड को प्रभावित कर सकता है।

— उपिन्दास दोपहर

Answer 3

वेबकिट उपस्थिति के लिए उपरोक्त उत्तर ने जादू किया, लेकिन बटन अभी भी अन्य उपकरणों / डेस्कटॉप पर ब्राउज़र की तुलना में दयालु / नीरस लग रहा था। मुझे भी पूर्णता निर्धारित करनी थी (0 से 1 तक)

-webkit-appearance:none;
opactiy: 1

अपारदर्शिता सेट करने के बाद, बटन सभी विभिन्न उपकरणों / एमुलेटर / डेस्कटॉप पर समान दिखता था।