Firefox Tomorrow

css pseudo element

`::-webkit-search-cancel-button` CSS pseudo-element

View on MDN ↗

The ::-webkit-search-cancel-button CSS pseudo-element represents a button (the “cancel button”) at the edge of an <input> of type="search" which clears away the current value of the <input> element. This button and pseudo-element are non-standard, supported only in WebKit and Blink, hence the vendor prefix. The clear button is only shown on non-empty search <input> elements.

Syntax

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

Specifications

Not part of any standard.

Browser compatibility

Browser compatibilityCompatibility data is available on the canonical MDN page.

See also