css - 从自动样式输入 type=search 中停止 chrome

Question

有没有办法阻止 Chrome 对 input type=search 进行样式设置。当输入是 input type=text 时，我可以很好地设置输入样式，尽管一旦我将其更改为 HTML5 搜索，它就会包含我已应用于输入的所有样式。

类型 = 文本

类型=搜索

更新了具有重置属性的答案

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

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  {
    -webkit-appearance: none;
}

Answer 1

你可以试试:

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

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

有帮助吗？