从自动样式输入类型=搜索中停止镶边

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;
}

有帮助吗？

Answer 2

查看此页面，可能会有所帮助：）

http://css-tricks.com/webkit-html5-search-inputs/