如何刪除所有默認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