Widely Available
CSS
id: appearance
appearance
The
appearance CSS property controls the appearance of form controls. Using appearance: none disables any default native appearance and allows the elements to be styled with CSS.
Baseline Status:
Achieved Widely Available on Sep 14, 2024 (Cross-browser Newly Available since Mar 14, 2022).
Desktop Browser Engine Support
Google Chrome
84
Supported
Mozilla Firefox
80
Supported
Apple Safari
15.4
Supported
Microsoft Edge
84
Supported
Mobile Browser Engine Support
Chrome Android
84
Firefox Android
80
Safari iOS
15.4
Specifications and References
MDN Browser Compat Data Keys:
css.properties.appearance ↗
css.properties.appearance.auto ↗
css.properties.appearance.button ↗
css.properties.appearance.checkbox ↗
css.properties.appearance.listbox ↗
css.properties.appearance.menulist ↗
css.properties.appearance.menulist-button ↗
css.properties.appearance.meter ↗
css.properties.appearance.none ↗
css.properties.appearance.progress-bar ↗
css.properties.appearance.radio ↗
css.properties.appearance.searchfield ↗
css.properties.appearance.textarea ↗
css.properties.appearance.textfield ↗