CSS3 appearance Property


Example

Make a div element look like a button:

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

Try it yourself »

Browser Support

Internet Explorer Firefox Opera Google Chrome Safari

The appearance property is not supported in any of the major browsers.

Firefox supports an alternative, the -moz-appearance property.

Safari and Chrome support an alternative, the -webkit-appearance property.


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"


CSS Syntax

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

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



Color Picker

colorpicker