appearance

Summary

Allows changing the style of any element to platform-based interface elements or vice versa.

Overview table

Initial value

none

Applies to

all elements

Inherited

No

Media

visual

Computed value

specific value

Animatable

No

CSS Object Model Property
:

Percentages

N/A

Syntax

• appearance: button
• appearance: button-arrow-down
• appearance: button-arrow-next
• appearance: button-arrow-previous
• appearance: button-arrow-up
• appearance: button-bevel
• appearance: button-focus
• appearance: caret
• appearance: checkbox
• appearance: checkbox-container
• appearance: checkbox-small
• appearance: dialog
• appearance: listbox
• appearance: none

Values

button-arrow-down

Firefox specific - but no effect in latest version

button-arrow-next

Firefox specific - but no effect in latest version

button-arrow-previous

Firefox specific - but no effect in latest version

button-arrow-up

Firefox specific - but no effect in latest version

button-focus

Firefox specific - but no effect in latest version

caret

No clear visual effect.

none

No special styling is applied. For Firefox note bug 649849 and bug 605985

button

The element is drawn like a button

button-bevel

Use button bevel theme for rendering the object. Seems to work only in mozilla based browsers

checkbox

The element is drawn like a checkbox, including only the actual “checkbox” portion.

checkbox-container

Firefox specific - but no effect in latest version

checkbox-small

Firefox specific - but no effect in latest version

dialog
:

listbox
:

Related specifications

CSS3 Basic User Interface Module

W3C Candidate Recommendation (Obsolete)

}}

Attributions

• Mozilla Developer Network : Article