CSS:-moz-appearance
From MDC
« CSS Reference « CSS Reference:Mozilla Extensions
[edit] Summary
-moz-appearance is used by mozilla browsers to display an element using a platform-native styling based on the operating system's theme.
- Initial value:
none - Applies to: all elements
- Inherited: no
- Percentages: N/A
- Media:
visual - Computed value: as specified
[edit] Syntax
-moz-appearance: appearance
[edit] Values
- none
- No special styling is applied. (Default)
- button
- The element is drawn like a button
- checkbox
- The element is drawn like a checkbox, including only the actual "checkbox" portion.
- checkbox-container
- The element is drawn like a container for a checkbox, which may include a prelighting background effect under certain platforms. Normally a would contain a label and a checkbox.
- checkbox-small
- dialog
- the element is styled like a dialog box, which includes background color and other properties
- listbox
- menuitem
- the element is styled as menu item, item is highlighted when hovered
- menulist
- menulist-button
- the element is styled as a button that would indicate a menulist can be opened
- menulist-textfield
- the element is styled as the text field for a menulist
- menupopup
- progressbar
- the element is styled like a progress bar
- radio
- The element is drawn like a radio button, including only the actual "radio button" portion.
- radio-container
- The element is drawn like a container for a radio button, which may include a prelighting background effect under certain platforms. Normally would contain a label and a radio button
- radio-small
- resizer
- scrollbar
- scrollbarbutton-down
- scrollbarbutton-left
- scrollbarbutton-right
- scrollbarbutton-up
- scrollbartrack-horizontal
- scrollbartrack-vertical
- separator
- statusbar
- tab
- tab-left-edge
- tabpanels
- textfield
- toolbar
- toolbarbutton
- toolbox
- -moz-win-browsertabbar-toolbox New in Firefox 3
- Windows Vista and later. This toolbox style is meant to be used for the tab bar in a browser.
- -moz-win-communications-toolbox New in Firefox 3
- Windows Vista and later. This toolbox style is meant to be used in communications and productivity applications. Corresponding foreground color is -moz-win-communicationstext.
- -moz-win-media-toolbox New in Firefox 3
- Windows Vista and later. This toolbox style is meant to be used in applications that manage media objects. Corresponding foreground color is -moz-win-mediatext
- tooltip
- treeheadercell
- treeheadersortarrow
- treeitem
- treetwisty
- treetwistyopen
- treeview
- window
[edit] Examples
.exampleone {
-moz-appearance: toolbarbutton;
}
[edit] Notes
This property is frequently used in XUL stylesheets to design custom widgets with platform-appropriate styling. It is also used in the XBL implementations of the widgets that ship with the mozilla platform.