More Than Just Web Design | INTERNET ENGINEERING | APPLICATION | DESIGN

Styling iPad Form Buttons

Posted: 18/09/14

Why doesn't the iPad respect my nice valid CSS Button Styling?

A client of mine was viewing a site I recently put together on his iPad and noticed that the form buttons weren't rendering at all nicely.

This was rather surprising, since the CSS was valid and worked nicely on every other browser I tried it on, even older version of IE, which has to be something of a dying are these days. Hooray!

Not relishing the task of trying to debug mobile safari without Firebug or indeed a Mac to attach it to didn't fill me with enthusiasm. Fortunately a little Googling about revealed this link, and the magic bit of CSS that tells the iPad to stop being so smart yet stupid:

  1. button {
  2.     -webkit-appearance: none;
  3. }