When you build out a new design for site and realize when you look at it on your iPad or iPhone and see that all the styling is wrong it can be frustrating. Recently when I added search functionality to my own site this problem cropped up. WebKit which is the default web layout engine for Safari and iOS adds its own styling to input elements by default leaving the web designer to have to overwrite each one my hand in order to turn them off. This can be a headache.

The Solution

The solution is to disable all styling by default for input and text elements.

You can read more about the appearance on W3C’s website.