appearance
The appearance property controls whether an element is rendered with platform-specific styling.
Formal Syntax
none | auto | base | base-select | <compat-auto> | <compat-special> | baseBrowser Support
| 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 |
Related Properties
- accent-color
- caret-color
- cursor
- field-sizing
- pointer-events
- scrollbar-color
- scrollbar-gutter
- scrollbar-width
- touch-action
- user-select
- caret-animation 🧪
- caret-shape 🧪
- interactivity 🧪
- interest-delay 🧪
- interest-delay-end 🧪
- interest-delay-start 🧪
- box-snap 🚧
- caret 🚧
- event-trigger 🚧
- event-trigger-name 🚧
- event-trigger-source 🚧
- input-security 🚧
- line-snap 🚧
- nav-down 🚧
- nav-left 🚧
- nav-right 🚧
- nav-up 🚧
- pointer-timeline 🚧
- pointer-timeline-axis 🚧
- pointer-timeline-name 🚧
- slider-orientation 🚧
- spatial-navigation-action 🚧
- spatial-navigation-contain 🚧
- spatial-navigation-function 🚧