[csswg-drafts] [css-selectors] Expose <input type=search> clear icon as an standard pseudo element (#5365)

nt1m has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-selectors] Expose <input type=search> clear icon as an standard pseudo element ==
Gecko is implementing a clear button for `<input type=search>` consistent with other browsers: https://bugzilla.mozilla.org/show_bug.cgi?id=558594 and https://bugzilla.mozilla.org/show_bug.cgi?id=1654288

Screenshot:

<img width="155" alt="image" src="https://user-images.githubusercontent.com/1795135/88578601-1adb6f80-d049-11ea-9d03-3d71e799d47b.png">

Webkit currently has both `::-webkit-search-decoration` (search icon in front) and `::-webkit-search-cancel-button` (clear button). Chromium only has the latter (and it doesn't show a search icon inside `<input type=search>`).

It would be nice to standardise:
* what's shown inside `<input type=search>` (ideally only the clear icon)
* a standard pseudo element like `::search-input-clear-button`, so web authors can style the clear icon without hiding the default one and re-implementing their own

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/5365 using your GitHub account

Received on Monday, 27 July 2020 18:39:01 UTC