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 베타 (iPad)를 사용하고 있습니다. 안정적인 버전이나 다른 기기에서는 테스트 할 수 없습니다.

누구에게도 해결책이 있습니까?

Answer 1

사용 -webkit-외관 : 밀접하게 관련

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