このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

CSS ::-webkit-search-cancel-button 擬似要素

非標準: この機能は標準化されていません。非標準の機能はブラウザーの対応が限られ、将来的に変更または削除される可能性があるため、本番環境での使用は推奨されません。ただし、標準の選択肢が存在しない特定のケースでは、有効な代替手段となる場合があります。

::-webkit-search-cancel-buttonCSS擬似要素で、type="search"<input> の端にあるボタン(「キャンセルボタン」)を表し、<input> 要素の現在の値をクリアします。このボタンおよび擬似要素は標準外であり、WebKit および Blink でのみ対応しているため、ベンダー接頭辞が付いています。クリアボタンは、値が空でない検索用 <input> 要素にのみ表示されます。

構文

css
selector::-webkit-search-cancel-button {
  /* ... */
}

仕様書

どの標準にも含まれていません。

ブラウザーの互換性

関連情報