appearance

The appearance property controls whether an element is rendered with platform-specific styling.

Formal Syntax

appearance = none | auto | base | base-select | <compat-auto> | <compat-special> | base <compat-auto> = searchfield | textarea | checkbox | radio | menulist | listbox | meter | progress-bar | button <compat-special> = textfield | menulist-button

Initial value: none
Applies to: all elements
Inherited: no
Percentages: n/a
Computed value: specified keyword
Animation type: discrete

See specification

Browser Support

standard | MDN · Spec

Feature	Chrome	Firefox	Safari	Edge
appearance	84	80	15.4	84
auto	83	80	15.4	83
base-select	135	—	—	135
button	1	1	3	12
checkbox	1	1	3	12
listbox	1	1	3	12
menulist	1	1	3	12
menulist-button	1	80	3	12
meter	1	1	3	12
none	1	54	3	12
progress-bar	1	1	3	12
radio	1	1	3	12
searchfield	1	1	3	12
textarea	1	1	3	12
textfield	1	1	3	12