Свойство -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 |
|---|---|
| Применимо | ко всем элементам |
| Наследование | нет |
| Поддерживается браузерами |
|
Пример
CSS
.block {
display:-webkit-box;
-webkit-appearance: default-button;
}
По теме
Показать комментарии