iOS safari：（-webkit-）輸入框中的陰影：焦點不起作用

Question

Safari對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，但只要元素獲得焦點，陰影就會完全消失。如果您未在以下位置設置任何內容，則會產生同樣的效果

它在Desktop-Safari上工作。我正在使用iOS 5 beta（iPad），我無法在穩定版本或其他設備上對其進行測試。

有沒有人有解決這個問題？

Answer 1

使用-webkit-外觀：無覆蓋本機外觀：

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