'auto' keyword for '-webkit-appearance' CSS property

'-webkit-appearance' CSS property will have new 'auto' keyword, which indicates the default appearance of the target element.

It's hard to remember correct keywords for each of element types. For example, what's the correct keyword for the default appearance of <input type=range>; 'slider', '-webkit-slider', 'horizontal-slider', 'horizontalslider', 'or slider-horizontal'?



Editor's draft

Status in Chromium


Enabled by default (tracking bug) in:

  • Chrome for desktop release 83
  • Chrome for Android release 83
  • Android WebView release 83

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