दिलचस्प पोस्ट
600851475143 के लिए "पूर्णांक संख्या बहुत बड़ी" त्रुटि संदेश क्या मैं वाई-फाई डायरेक्ट में समूह के मालिक को लगातार समूह में बदल सकता / सकती हूं? पायथन: अगर वर्ड में डिक्ट वर्क्स की कोशिश करें / को छोड़कर मैं होवर पर एक बटन का रंग कैसे बदल सकता / सकती हूं? संख्याओं को गोल करने के लिए number_format () कैसे बनाएं सदस्यता प्रदाता के साथ ASP.NET MVC 4 वेब एपीआई प्रमाणीकरण ओविन स्व मेजबान और एएसपी नेट एमवीसी रिमोट होस्ट द्वारा एक मौजूदा कनेक्शन जबरन बंद किया गया था .on ('click') बनाम vs.click () के बीच अंतर। DialogFragment में अलर्ट डायलॉग के कस्टम दृश्य को बढ़ाना समस्या वीएस2012 में पहले बिल्डर और अन्य लक्ष्यों का क्या हुआ? स्थानांतरित वस्तु से मैं क्या कर सकता हूं? एक से अधिक सीएसएस / जेएस फ़ाइलों को जोड़ना और जोड़ना सी में, एरे पॉइंटर्स हैं या पॉइंटर्स के रूप में इस्तेमाल किया जाता है? Getfield opcode से बचना

IPhone / Safari इनपुट तत्व गोलाकार बंद करें

मेरी वेबसाइट आईफोन / सफ़ारी ब्राउज़र पर एक अपवाद के साथ अच्छी तरह रेंडर करती है: मेरे पाठ इनपुट फ़ील्ड में एक अजीब गोल शैली होती है जो मेरी वेबसाइट के बाकी हिस्सों के साथ अच्छी नहीं दिखती है

क्या सफारी को निर्देशित करने का एक तरीका है (सीएसएस या मेटाडेटा के माध्यम से) इनपुट फ़ील्ड को गोल नहीं करने और उन्हें आयताकार के रूप में प्रस्तुत करने का इरादा है?

Solutions Collecting From Web of "IPhone / Safari इनपुट तत्व गोलाकार बंद करें"

आईओएस 5 और बाद में, अच्छी राजभाषा ' border-radius चाल करती है:

 input { border-radius: 0; } 

अगर आपको केवल आईओएस पर गोलाकार कोनों को निकालना चाहिए या अन्यथा किसी कारण से प्लेटफार्मों में गोलाकार कोनों को सामान्य नहीं किया जा सकता है, तो इसके बजाय -webkit-border-radius संपत्ति का उपयोग करें, जो अभी भी समर्थित है। बेशक यह ध्यान रखें कि ऐप्पल किसी भी समय प्रीफिक्स्ड प्रॉपर्टी के लिए समर्थन छोड़ने का विकल्प चुन सकता है, लेकिन उनके अन्य प्लेटफार्म-विशिष्ट सीएसएस सुविधाओं पर विचार करने की संभावना है कि वे इसे आसपास रखेंगे

विरासत के संस्करणों पर आपको सेट करना -webkit-appearance: none इसके बजाय -webkit-appearance: none :

 input { -webkit-appearance: none; } 

input -webkit-appearance: none; अकेले काम नहीं करता है

-webkit-border-radius:0px; जोड़ने का प्रयास करें -webkit-border-radius:0px; के अतिरिक्त।

IOS में गोल को निकालने का सबसे अच्छा तरीका

 textarea, input[type="text"], input[type="button"], input[type="submit"] { -webkit-appearance: none; border-radius: 0; } 

नोट: कृपया चयन विकल्प के लिए इस कोड का उपयोग न करें। यह हमारे चयन पर समस्या होगी

स्वीकृत उत्तर ने क्रोम पर रेडियो बटन गायब किए। यह काम:

 input:not([type="radio"]):not([type="checkbox"]) { -webkit-appearance: none; border-radius: 0; } 

कम्पास (एससीएसएस) के लिए यहां पूरा समाधान है:

 input { -webkit-appearance: none; // remove shadow in iOS @include border-radius(0); // remove border-radius in iOS } 

मेरे लिए आईओएस 5.1.1 पर एक iPhone 3GS पर मुझे एक खोज फ़ील्ड के स्टाइल को साफ़ करना था और इसे शैली को सेट करना था

 input[type="search"] {-webkit-appearance: none; border-radius: 0 3px 3px 0;} 

कर -webkit-border-radius: 0; अकेले देशी स्टाइल को साफ़ नहीं किया। यह मूल एप पर वेबव्यू के लिए भी था।

मेरे पास एक ही समस्या थी लेकिन केवल सबमिट बटन के लिए आंतरिक छाया और गोलाकार कोनों को निकालने के लिए आवश्यक –

 input[type="submit"] { -webkit-appearance:none; -webkit-border-radius:0; } 

मैंने एक साधारण सीमा-त्रिज्या का इस्तेमाल किया: 0; पाठ इनपुट प्रकारों के लिए गोल कोनों को निकालने के लिए

यदि आप normalize.css का उपयोग करते हैं, तो वह स्टाइलशीट input[type="search"] { -webkit-appearance: textfield; } तरह कुछ करता input[type="search"] { -webkit-appearance: textfield; } input[type="search"] { -webkit-appearance: textfield; }

यह एक एकल क्लास चयनकर्ता की तुलना में एक उच्च विशिष्टता है। .foo , इसलिए ध्यान रखें कि आप ऐसा नहीं कर सकते। मेरा .my-field { -webkit-appearance: none; } .my-field { -webkit-appearance: none; } यदि आपके पास सही विशिष्टता प्राप्त करने का कोई बेहतर तरीका नहीं है, तो इससे मदद मिलेगी:

.my-field { -webkit-appearance: none !important; }

कृपया इसे आजमाएं:

इस तरह input सीएसएस जोड़ने की कोशिश करें:

  -webkit-appearance: none; border-radius: 0; 

सफारी और अन्य ब्राउज़रों पर बटन ठीक से रेंडर करने के लिए, आपको किसी भी प्रकार की वेबकिट-उपस्थिति सेट करने के अलावा बटनों के लिए एक विशिष्ट शैली देने की आवश्यकता होगी, उदाहरण के लिए:

 border-radius: 0; -webkit-appearance: none; background-image: linear-gradient(to bottom, #e4e4e4, #f7f7f7); border: 1px solid #afafaf