CSS submit button weird rendering on iPad/iPhone

iphone css ipad mobile-safari mobile-webkit
Francesco picture Francesco · Mar 25, 2011 · Viewed 115.3k times · Source

I noticed that if I style my buttons with CSS using radius, colors and borders, they look good but in the iphone/ipad/ipod they look terrible...shouldn't be the same rendering as in Safari Desktop??

enter image description here

Answer

Francesco picture Francesco · Mar 25, 2011

oops! just found myself: just add this line on any element you need

   -webkit-appearance: none;

Related questions

iOS 4.2+ webfont (ttf) 's bold font-weight rendering bug

This one is quite specify: specify ttf font rendering font-weight:bold incorrectly on iOS mobile safari, open demo site with iphone/ipad with iOS 4.2/4.3 Beta 3 or above: (this is Reenie+Beanie from google fonts) http://jsbin.com/ojeqe3/16/ Screen capture …

Read More
position: fixed doesn't work on iPad and iPhone

I have been struggling with fixed positioning in iPad for a while. I know iScroll and it does not always seem to work (even in their demo). I also know that Sencha has a fix for that, but I couldn't …

Read More
Styling input buttons for iPad and iPhone

I'm using CSS to style the input buttons on my website, but on IOS devices the styling is replaced by Mac's default buttons. Is there a way to style buttons for iOS, or a way to maybe make a hyperlink …

Read More