Disable Default Styling on iOS and WebKit

Published on May 16, 2012
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](http://dev.w3.org/csswg/css3-ui/#appearance).
Justin Hough author picture
Justin Hough

Chief Development Officer at Hounder. He is a Christian, husband, father, writer, developer, designer, and a digital carpenter crafting amazing web experience. Also, created the Centurion Framework many moons ago.