-webkit-appearance keywords for arbitrary elements (removed)

Changes -webkit-appearance keywords to work only with specific element types. If a keyword is applied to a non-supported element, the element has the default appearance.

Some of keywords already have such behavior. We should expand it to all keywords for consistency and to reduce implementation complexity.


Full list of keyword => supported elements "checkbox", input[type=checkbox] "radio", input[type=radio] "push-button", input[type=button/reset/submit] "square-button", input[type=color] "inner-spin-button", ::-webkit-inner-spin-button "listbox", listbox <select> "menulist", menulist <select>, input[type=color/date/datetime-local/month/time/week] "menulist-button", Ditto. "meter", meter "progress-bar", progress "slider-horizontal", input[type=range] "slider-vertical", input[type=range] "sliderthumb-horizontal", ::webkit-slider-thumb, ::-webkit-media-slider-thumb "sliderthumb-vertical", Ditto. "searchfield", input[type=search] "searchfield-cancel-button", ::-webkit-clear-button, ::-webkit-search-cancel-button "textfield", input[type=search], input[type=email/number/password/tel/text/url/date/datetime-local/month/time/week] "textarea", textarea "button" still works with arbitrary elements. It will be handled in a separated entry.


Editor's draft

Status in Chromium


Removed (tracking bug) in:

  • Chrome for desktop release 79
  • Chrome for Android release 79
  • Android WebView release 79

Consensus & Standardization

After a feature ships in Chrome, the values listed here are not guaranteed to be up to date.

  • No public signals
  • No public signals
  • No public signals
  • No signals


Last updated on 2019-09-12