19

有没有办法阻止 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;
}
4

2 回答 2

23

你可以试试：

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

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

它有帮助吗？

于 2012-07-18T09:33:57.647 回答
2

查看此页面，可能会有所帮助:)

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

于 2012-07-18T09:30:26.980 回答