आईओएस सफारी: (-webkit-) इनपुट पर बॉक्स-छाया: फोकस काम नहीं करता

Question

सफारी box-shadow की ओर कुछ अजीब व्यवहार करता है।

input[type="text"]{ 
    -webkit-box-shadow: 0 0 8px #000000; 
    box-shadow: 0 0 8px #000000; 
} 
input[type="text"]:focus{ 
    outline: none; 
    -webkit-box-shadow: 0 0 8px #ffffff; 
    box-shadow: 0 0 8px #ffffff; 
} 

box-shadow प्रदर्शित किया जाता है लेकिन जैसे ही तत्व ध्यान केंद्रित हो जाता है छाया पूरी तरह से गायब हो जाती है। वही प्रभाव होता है यदि आप इसमें कुछ भी सेट नहीं करते हैं: फोकस।

यह डेस्कटॉप-सफारी पर काम करता है। मैं आईओएस 5 बीटा (आईपैड) का उपयोग कर रहा हूं, मैं इसे स्थिर रिलीज या अन्य उपकरणों पर परीक्षण नहीं कर सकता।

क्या किसी के पास इसका समाधान है?

Answer 1

उपयोग -webkit-उपस्थिति:

input[type="text"]{ 
    -webkit-appearance: none; 
    -webkit-box-shadow: 0 0 8px #000000; 
    box-shadow: 0 0 8px #000000; 
}