iOS safari: (-webkit-) girişte kutu gölgesi: netleme çalışmıyor

Question

Safari, box-shadow yönünde bazı garip davranışlar sergiliyor.

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

görüntülenir ama en kısa eleman odak alır gibi gölge tamamen kaybolur. Hiçbir şey ayarlamazsanız aynı efekt gerçekleşir: focus.

Masaüstü-Safari'de çalışır. IOS 5 beta (iPad) kullanıyorum, kararlı bir sürümde veya başka cihazlarda test edemiyorum.

Bunun için bir çözümü olan var mı?

Answer 1

kullanın -webkit-görünüm: Yakından ilişkili

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