appearance property CSS Reference



Definition and Usage

The appearance property allows you to make an element look like a standard user interface element.

Default value: normal
Inherited: no
Version: CSS3
JavaScript syntax: object.style.appearance="button"

Syntax

appearance: normal|icon|window|button|menu|field;

Values

Value Description
normal Render the element as normal
icon Render the element as a small picture
window Render the element as a viewport
button Render the element as a button
menu Render the element as a set of options for the user to choose from
field Render the element as an input field

Examples

div {
appearance:button;
-moz-appearance:button; /* Firefox */
-webkit-appearance:button; /* Safari and Chrome */
} 

Relative articles