box shadow on an ipad / safari

Question

I\'m having trouble adding the nice shadow on focus for an input box on my ipad for safari.

Here\'s my code

/* remember to define focus styles! */
:focus         


        

Answer 1

I have the same problem but I found the solution:

-webkit-appearance: none;

However it does not work when there is an inset shadow.

Answer 2

<input type="text" name="success" value="fail">

No dice people, ipad hasn't got support for this which is so useless, chrome is it!

Update:

-webkit-appearance: none; FTW

Answer 3

In my case, setting border-radius solved my problem.

border-radius: 1px;