-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.

Motivation

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

Specification

Editor's draft

Status in Chromium

Blink>CSS


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 signal
  • No signal
  • No signal
  • No signals

Owner

Comments

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 2020-10-17