19

Chromeがスタイリングするのを防ぐ方法はありますかinput type=search。これinput type=textをHTML5検索に変更すると、入力に適用したすべてのスタイルがボックス化されますが、入力のスタイルを適切に設定できます。

タイプ=テキスト

文章

タイプ=検索

serach

プロパティをリセットして回答を更新

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 に答える