sombra da caixa em um ipad / safari
Estou tendo problemas para adicionar a boa sombra em foco para uma caixa de entrada no meu ipad para o safari.
Aqui está o meu código
/* remember to define focus styles! */
:focus {
outline: 0;
}
input[type=text]{
width: 494px;
height: 44px;
line-height: 44px;
font-size: 24px;
border: 2px solid #666666;
}
input:focus{
-webkit-box-shadow:0 0 15px #ffffff;
-moz-box-shadow: 0 0 15px #ffffff;
box-shadow:0 0 15px #ffffff;
}
Estou usando o reset de eric meyer. Eu quero que fique assim:
Alguma ideia?
Obrigado rapazes.
Jason