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

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

有帮助吗？