Свойство -moz-appearance

Свойство -moz-appearance используется в Gecko (Firefox) для отображения элементов как стандартных пользовательских элементов для этой платформы на основе темы операционной системы.

Допустимые значения

• none — к элементу не применяется специальный стиль
• button — элемент выглядит как кнопка
• checkbox — элемент выглядит как флаг без метки
• checkbox-container — элемент выглядит как стилизованная область которая может содержать флаги с метками
• checkbox-small — элемент выглядит как маленький флажок без метки
• dialog — элемент выглядит как диалоговое окно
• listbox — элемент выглядит как список
• menuitem — элемент выглядит как элемент меню, который подсвечивается при наведении мыщью
• menulist — элемент выглядит как список меню
• menulist-button — элемент выглядит как кнопка, дающая возможность открыть список меню
• menulist-textfield — элемент выглядит как поле ввода для списка меню
• menupopup — элемент выглядит как выпадающее меню
• progressbar — элемент выглядит как строка прогресса
• radio — элемент выглядит как переключатель
• radio-container — элемент выглядит как стилизованная область которая может содержать переключатели с метками
• 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-mac-unified-toolbar — панель инструментов и панель заголовка выглядят как стандартные панели инструментов в Mac OS X 10.4 и выше (поддерживает Firefox 3.5 и выше только для Mac OS X )
• -moz-win-borderless-glass — к элементу применяется эффект Aero Glass но без границ (поддерживает Firefox 4.0 и выше только для Windows Vista и выше )
• -moz-win-browsertabbar-toolbox — элемент выглядит как панель вкладок в браузере (поддерживает Firefox 3.0 и выше только для Windows Vista и выше)
• -moz-win-communications-toolbox — элемент выглядит как панель инструментов для использования в области связи и коммуникационных приложений (поддерживает Firefox 3.0 и выше только для Windows Vista и выше). Соответствующий цвет текста -moz-win-communicationstext.
• -moz-win-glass — к элементу применяется эффект Aero Glass (поддерживает Firefox 3.0 и выше только для Windows Vista и выше)
• -moz-win-media-toolbox — элемент выглядит как панель инструментов для использования в области медиа приложений (поддерживает Firefox 3.0 и выше только для Windows Vista и выше). Соответствующий цвет текста -moz-win-mediatext.
• tooltip — элемент выглядит как подсказка
• treeheadercell — элемент выглядит как дерево заголовочных ячеек
• treeheadersortarrow — элемент выглядит как сортировочные стрелки дерева заголовков
• treeitem — элемент выглядит как элемент дерева
• treetwisty — элемент выглядит как ветвь дерева
• treetwistyopen — элемент выглядит как край ветви дерева
• treeview — элемент выглядит как дерево
• window — элемент выглядит как окно

Пример

Заметки

В CSS3 есть аналогичное свойство appearance, но оно отличается допустимыми значениями.

По теме

• Вендорные префиксы. Что это?
• Нестандартные текстовые поля
• Нестандартные поля выбора файла
• Нестандартные checkbox
• Нестандартные radio
• cuSel — нестандартные select на jQuery
• cuText — нестандартный textarea на jQuery