CSS for styling form input on iPad/iPods/iPhones
# December 24, 2012 at 2:31 pm
I’ve just launched a new website and it all seems 99% fine (still needs a few tweeks here and there), but there’s an annoying problem with how the form input on the main index page appears on iPads/iPods/iPhones. The form input I’m refering to is the one in the middle of this page: http://www.joyokanjikai.com – it looks fine (dark blue) on the site when viewed by a regular browser, but looks terrible when viewed on Apple devices (faded and generally just horrible).
Any ideas what’s gone wrong with my CSS?
Brin (still learning web design – definitely not a pro)
P.S. this button (a regular link, not a form input) looks fine on iPads/iPods/iPhones: http://www.joyokanjikai.com/random-kanji/ …# December 24, 2012 at 3:50 pm
Hmmm…sorry if I wasn’t clear before. I’ve created three images to help show what I mean:
— Image 1: showing how the input button looks on my Mac in Firefox —
— Image 2: showing how the same input button looks on my iPod —
— Image 3: showing how I’d like the input button to looks on my iPod —
Can you see what I mean? The input button appears totally different (faded etc) on my iPod… I want it to look the same as the button (which is not an input but rather just a regular old styled link) shown in Image 3.
You must be logged in to reply to this topic.