आईपैड/सफारी पर बॉक्स छाया

Question

मुझे सफारी के लिए अपने आईपैड पर एक इनपुट बॉक्स के लिए फोकस पर अच्छी छाया जोड़ने में परेशानी हो रही है।

यहाँ मेरी कोड

/* remember to define focus styles! */ 
:focus { 
    outline: 0; 
}  
input[type=text]{ 
     width: 494px; 

     height: 44px; 
     line-height: 44px; 
     font-size: 24px; 
     border: 2px solid #666666; 
    } 
    input:focus{ 
     -webkit-box-shadow:0 0 15px #ffffff; 
     -moz-box-shadow: 0 0 15px #ffffff; 
     box-shadow:0 0 15px #ffffff; 
    } 

मैं एरिक मेयेर के रीसेट का उपयोग कर रहा है। मैं इसे इस तरह दिखाना चाहता हूं:

कोई विचार?

धन्यवाद दोस्तों।

जेसन

Answer 1

मैं एक ही समस्या है, लेकिन मैं समाधान नहीं मिला:

-webkit-appearance: none; 

जब वहाँ एक इनसेट छाया है लेकिन यह काम नहीं करता।

Answer 2

<input type="text" name="success" value="fail"> 

कोई पासा लोग, आईपैड समर्थन इस जो इतनी बेकार है के लिए नहीं मिला है, क्रोम यह है!

अद्यतन:

-webkit-appearance: none; FTW

Answer 3

मेरे मामले में, सीमा-त्रिज्या सेट करने से मेरी समस्या हल हो गई।

border-radius: 1px;