appearance
Newly available since 2022-03-14 (baseline low)
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.
Compatibility
- Chrome 84 Released on 2020-07-27
- Chrome Android 84 Released on 2020-07-27
- Edge 84 Released on 2020-07-16
- Firefox 80 Released on 2020-08-25
- Firefox for Android 80 Released on 2020-08-31
- Safari 15.4 Released on 2022-03-14
- Safari on iOS 15.4 Released on 2022-03-14
MDN docs
Specifications
BCD data
- 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