iOS safari: (- webkit -) box-тень на входе:фокус не работает

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;
}

на , но как только элемент получает фокус, тень полностью исчезает. Тот же эффект происходит, если вы ничего не устанавливаете в :focus.

он работает на рабочем столе-Safari. Я использую бета-версию iOS 5 (iPad), я не могу протестировать ее на стабильном выпуске или других устройствах.

кто-нибудь есть решение для этого?

6
css css3 mobile-webkit webkit

1 ответов

Use-webkit-appearance: none для переопределения собственного вида:

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