如何删除所有默认Webkit搜索字段样式？

Question

默认情况下，<input type="search" />呈现为Mac OS X上的“原生”搜索字段（圆角，清除按钮等）。我想完全删除此自定义样式，以便输入看起来与等效文本输入（<input type="text" />）相同，但是保持输入类型设置为search。

我试过-webkit-appearance: none;，它使它非常接近......但有一些有趣的事情发生在边距/填充上，我似乎无法覆盖，这会导致搜索字段的宽度缩短〜20px比文字输入。

是否有另一个-webkit-我不知道完全禁用样式的特定属性？

Answer 1

尝试以下两种风格：

input[type="search"]::-webkit-search-decoration, 
input[type="search"]::-webkit-search-cancel-button, 
input[type="search"]::-webkit-search-results-button, 
input[type="search"]::-webkit-search-results-decoration { 
    display: none; 
} 

来源：http://css-tricks.com/webkit-html5-search-inputs/#comment-82432