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

Category: CSS
Type: New or changed feature
Status: Enabled by default (Chrome 83)
Intent stage: Evaluate readiness to ship

Summary

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

Motivation

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'?

Standards & signals

Specification: https://drafts.csswg.org/css-ui-4/#valdef-appearance-auto
Firefox: No signal
Safari: No signal — No response
Web developers: No signals
Tracking bug: https://bugs.chromium.org/p/chromium/issues/detail?id=965432

Docs: N/A

Explainers: N/A

View on chromestatus.com