मैं इनपुट = टेक्स्ट फ़ील्ड में शीर्ष आंतरिक छाया को अक्षम करने की कोशिश कर रहा हूं जो डिफ़ॉल्ट रूप से आईफोन द्वारा लागू किया जाता है। कोई जानकारी यह कैसे करनी है? बिना किसी सफलता के -वेबिट-बॉक्स-छाया को ओवरराइट करने का प्रयास किया।आईफोन वेब ऐप - टाइप = टेक्स्ट आंतरिक छाया समस्या
alt text http://feedsmanagement.com/example.png
चियर्स
आप -webkit-appearance: none का उपयोग कर तो जैसे border: 1px solid black;
एक कस्टम सीमा लागू करने की कोशिश की मैं इस पल में इस की कोशिश नहीं कर सकते है।
धन्यवाद, बहुत अच्छा काम करता है। – Marcin
यह एम के लिए काम नहीं करता ई इनपुट बॉक्स को पूरी तरह छुपाने के लिए –
बिल्कुल सही! धन्यवाद। –
मेरे पास एक ही समस्या है, स्टाइल किए गए इनपुट टेक्स्ट फ़ील्ड्स को प्रदर्शित करना चाहते हैं: छाया के बिना। मेरा समाधान (आईपैड/आईफोन पर पूरी तरह से काम करता है) पृष्ठभूमि जीआईएफ बनाता है जो पूरी तरह से पारदर्शी है। उस शैली को अपने इनपुट फ़ील्ड पर लागू करें। मेरा कोड था:
.textbox इनपुट { सीमा: कोई नहीं; पृष्ठभूमि: यूआरएल (../ images/bg_inputFix.gif); }
-Jamin मैंने पाया कि यामीन का जवाब अब के लिए बेहतर था। यदि मैं इसके बजाय -webkit-appearance: none विधि का उपयोग करता हूं, तो आईपैड पर यह अब मेरे फोकस (छद्म-वर्ग) शैलियों को लागू नहीं करता है जब टेक्स्टटेरा/इनपुट चुना जाता है। यह मेरे फार्म स्टाइल को खंडित करता है क्योंकि फोकस में टेक्स्टटेर/इनपुट महत्वपूर्ण रूप से कम नहीं होते हैं।
और जिस कारण से मैंने जैमिन की पोस्ट पर टिप्पणी नहीं की थी या इसे वोट नहीं दिया है क्योंकि मेरे पास अभी तक कोई "प्रतिष्ठा" नहीं है! : \ –
आप आंतरिक छाया को हटाने के लिए पृष्ठभूमि छवि ढाल जोड़ सकते हैं; पृष्ठभूमि-छवि: -वेबिट-ग्रेडियेंट (रैखिक, 0% 0%, 0% 100%, (आरजीबी (255,255,255)), से (आरजीबी (255,255,255)));
महान विचार! मेरे लिए काम किया! – Andy
यह सबसे अच्छा जवाब है जो किसी भी अन्य स्टाइल में हस्तक्षेप नहीं करता है। उदाहरण के लिए, -वेबिट-उपस्थिति: देखभाल; अधिकतर शैलियों को गड़बड़ कर देगा जिन्हें आपने पहले ही असाइन किया हो। –
यह केवल शैली को बदलने के बजाय पूछा गया था (छाया), "उपस्थिति: देखभाल" उदाहरण के लिए आपको सीमाओं का उपयोग नहीं करने देता है ... – miguelmpn
मैं पृष्ठभूमि ढाल और यह काम नहीं करता है, मैं भी उसकी किसी विविधता पाया था:
input[type='text']{
-webkit-border-radius: 0;
background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(hsla(0,0%,100%,0)), to(hsla(0,0%,100%,0)));
background-image:-webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0));
}
और कहा कि काम नहीं किया है या तो :(
-webkit-appearance:caret;
सिर्फ इनसेट को दूर करना चाहिए आपके इनपुट पर छाया
वास्तव में कोई विचार नहीं है ?? ... – Marcin
पोस्टिंग के लिए धन्यवाद, एक ही समस्या थी। –