-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 — элемент выглядит как окно
Значение по умолчанию none
Применимо ко всем элементам
Наследование нет
Поддерживается браузерами
  • Firefox 1.0 и выше

Пример

CSS
.block {
-moz-appearance: checkbox-container;
}

Заметки

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

По теме