-webkit-appearance

Свойство -webkit-appearance — изменяет внешний вид кнопок и других элементов управления, чтобы походить на стандартные средства управления.

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

  • none - к элементу не применяется специальный стиль
  • caps-lock-indicator - индикатор, который появляется в поле пароля, когда Caps Lock включен (поддерживает Safari 4.0 и выше)
  • button — элемент выглядит как кнопка
  • button-bevel — элемент выглядит как косая кнопка
  • caret — элемент выглядит как знак вставки
  • checkbox — элемент выглядит как флаг без метки
  • default-button — элемент выглядит как кнопка оформленная по-умолчанию
  • listbox — элемент выглядит как список
  • listitem — элемент выглядит как элемент списка
  • media-fullscreen-button — элемент выглядит как кнопка для перехода в полноекранный режим
  • media-mute-button — элемент выглядит как кнопка отключения звука
  • media-play-button — элемент выглядит как кнопка play
  • media-seek-back-button — элемент выглядит как кнопка назад
  • media-seek-forward-button — элемент выглядит как кнопка вперед
  • media-slider — элемент выглядит как ползунок
  • media-sliderthumb — элемент выглядит как указатель полосы прокрутки
  • menulist — элемент выглядит как список меню
  • menulist-button — элемент выглядит как кнопка, дающая возможность открыть список меню
  • menulist-text — элемент выглядит как текст, дающая возможность открыть список меню
  • menulist-textfield — элемент выглядит как поле ввода для списка меню
  • push-button — элемент выглядит как нажатая кнопка
  • radio — элемент выглядит как переключатель
  • searchfield — элемент выглядит как поле поиска
  • searchfield-cancel-button — элемент выглядит как кнопка отмены поиска
  • searchfield-decoration — элемент выглядит как декорация поля поиска
  • searchfield-results-button — элемент выглядит как кнопка для поиска
  • searchfield-results-decoration — элемент выглядит как декорация кнопки для поиска
  • slider-horizontal — горизонтальная полоса прокрутки
  • slider-vertical — вертикальная полоса прокрутки
  • sliderthumb-horizontal — горизонтальный указатель полосы прокрутки
  • sliderthumb-vertical — вертикальный указатель полосы прокрутки
  • square-button — элемент выглядит как квадратная кнопка
  • textarea — элемент выглядит как textarea
  • textfield — элемент выглядит как текстовое поле
Значение по умолчанию none
Применимо ко всем элементам
Наследование нет
Поддерживается браузерами
  • Safari 3.0 и выше
  • Chrome 1.0 и выше

Пример

CSS
.block {
display:-webkit-box;
-webkit-appearance: default-button;
}

По теме