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.


Specification link

Unknown standards status - check spec link for status

Status in Chromium


Removed (tracking bug)

Consensus & Standardization

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

  • No signal
  • No signal
  • No signals



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] "button", elements other than <select> and <a>. (We might make this stricter later) "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

Search tags

appearance, -webkit-appearance,

Last updated on 2021-12-13