title: How do I remove all default Webkit search field styling?
body: <p>By default, <code>&lt;input type="search" /&gt;</code> renders like a "native" search field on Mac OS X (rounded corners, clear button, etc.). I want to completely remove this custom styling so that the input looks identical to an equivalent text input (<code>&lt;input type="text" /&gt;</code>), but while keeping the input type set to <code>search</code>.</p>
  
  <p>I've tried <code>-webkit-appearance: none;</code>, which gets it very close...but there's something funny going on with margins/padding that I can't seem to override, which causes the width of the search field to render ~20px shorter than a text input.</p>
  
  <p>Is there another <code>-webkit-</code> specific property I'm not aware of to totally disable the styling?</p>