CSS3 appearance attributes
Examples
Make 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 */
}
Browser Support
All major browsers do not support appearance properties.
Firefox supports an alternative -moz-appearance property.
Safari and Chrome support an alternative -webkit-appearance property.
Tag definitions and instructions
appearance property allows you to make an element look like a standard user interface elements.
| Defaults: | normal |
|---|---|
| inherit: | no |
| version: | CSS3 |
| JavaScript syntax: | object object.style.appearance = "button" |
grammar
appearance: normal|icon|window|button|menu|field;
| value | Explanation |
|---|---|
| normal | Normal rendered elements |
| icon | As a small image rendering elements |
| window | As a viewport render elements |
| button | As a button, showing the elements |
| menu | As a user option setting presents selected elements |
| field | As an input field rendered elements |
