如何停止 Safari 將放大鏡圖像放入我的<input type="“search”">場地？

Question

我有一個編碼如下的文本框（搜索框）

<input type="search" id="searchKeywords" name="searchKeywords" value="" maxlength="50">

同樣在 Safari 中看起來不太好：它有一個背景圖像。

但據我說，主要問題是因為一些默認樣式：

-webkit-appearance: searchfield;

我使用 Safari 開發人員工具發現了這一點。

我怎樣才能覆蓋它？

我已經嘗試過使用；

-webkit-appearance:none;

並使用!important以及...

但似乎並沒有被覆蓋。

請幫我。 謝謝你。

Answer 1

如果您不希望瀏覽器將其設置為搜索字段的樣式，則可能必須使用type="text"代替，就像本網站一樣。

Answer 2

您應該查看http://Formalize.me它是一個很棒的小 package 操作和標准化表單對象。 話雖如此，它看起來像使用：

input[type=search] { -webkit-appearance: none; }