Description

The 'appearance' property is a shorthand for 'appearance', 'color', 'font', and 'cursor'. It sets 'appearance' to the specified value and the other properties to their appropriate system value; 'normal' resets 'appearance' to 'normal' and the others to 'inherit'. The 'appearance' property does not affect the specified or computed values of any other properties.

Syntax

appearance: [value];

Possible values

Initial Value

normal

Applies To

All elements

Inherited

No

Media

Visual, Interactive

Example

input[type=button] {
   appearance:push-button;
}
input[type=button].custom {
   color: #393;
   background-color: #9cf;
}

---

---