CSS3 appearanceProperty
Example
Make a div element look like a button:
div
{
appearance:button;
-moz-appearance:button; /* Firefox */
-webkit-appearance:button; /* Safari and Chrome */
}
{
appearance:button;
-moz-appearance:button; /* Firefox */
-webkit-appearance:button; /* Safari and Chrome */
}
Try it Yourself »
Browser Support
All major browsers do not support the appearance property.
Firefox supports the alternate -moz-appearance property.
Safari and Chrome support the alternative -webkit-appearance property.
Tag definition and usage instructions
The appearance property allows you to make elements look like standard user interface elements.
| Default Value: | normal |
|---|---|
| Inherited: | no |
| version: | CSS3 |
| JavaScript Syntax: | object object.style.appearance="button" |
Syntax
appearance: normal|icon|window|button|menu|field;
| Value | Description |
|---|---|
| normal | Normal presentation elements |
| icon | As a presentation element for a small image |
| window | As a viewport presentation element |
| button | As a button presentation element |
| menu | Set the element to render as a user option selection. |
| field | As an input field presentation element |