box shadow on an ipad / safari
17,145
Solution 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.
Solution 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
Solution 3
In my case, setting border-radius solved my problem.
border-radius: 1px;
Author by
Jason
I'm a web developer who works in PHP/MySQL/SQLite and Server side Javascript: http://bondijs.org
Updated on June 08, 2022Comments
-
Jason almost 2 years
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 { 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; }
I'm using eric meyer's reset. I want it to look like this:
Any ideas?
Thanks guys.
Jason