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

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

  • caps-lock-indicator
  • CSS3 button
  • button-bevel
  • caret
  • CSS3 checkbox
  • default-button
  • listbox
  • listitem
  • media-fullscreen-button
  • media-mute-button
  • media-play-button
  • media-seek-back-button
  • media-seek-forward-button
  • media-slider
  • media-sliderthumb
  • menulist
  • menulist-button
  • menulist-text
  • menulist-textfield
  • CSS3 none
  • CSS3 push-button
  • CSS3 radio
  • searchfield
  • searchfield-cancel-button
  • searchfield-decoration
  • searchfield-results-button
  • searchfield-results-decoration
  • slider-horizontal
  • slider-vertical
  • sliderthumb-horizontal
  • sliderthumb-vertical
  • square-button
  • textarea
  • textfield
  • scrollbarbutton-down
  • scrollbarbutton-left
  • scrollbarbutton-right
  • scrollbarbutton-up
  • scrollbargripper-horizontal
  • scrollbargripper-vertical
  • scrollbarthumb-horizontal
  • scrollbarthumb-vertical
  • scrollbartrack-horizontal
  • scrollbartrack-vertical

{titlesExmaple}

-webkit-appearance: caps-lock-indicator"> caps-lock-indicator
-webkit-appearance: button;"> button
-webkit-appearance: button-bevel;"> button-bevel
-webkit-appearance: caret;"> caret
-webkit-appearance: checkbox;"> checkbox
-webkit-appearance: default-button;"> default-button
-webkit-appearance: listbox;"> listbox
-webkit-appearance: listitem;"> listitem
-webkit-appearance: media-fullscreen-button;"> media-fullscreen-button
-webkit-appearance: media-mute-button;"> media-mute-button
-webkit-appearance: media-play-button;"> media-play-button
-webkit-appearance: media-seek-back-button;"> media-seek-back-button
-webkit-appearance: media-seek-forward-button;"> media-seek-forward-button
-webkit-appearance: media-slider;"> media-slider
-webkit-appearance: media-sliderthumb;"> media-sliderthumb
-webkit-appearance: menulist;"> menulist
-webkit-appearance: menulist-button;"> menulist-button
-webkit-appearance: menulist-text;"> menulist-text
-webkit-appearance: menulist-textfield;"> menulist-textfield
-webkit-appearance: none;"> none
-webkit-appearance: push-button;"> push-button
-webkit-appearance: radio;"> radio
-webkit-appearance: searchfield;"> searchfield
-webkit-appearance: searchfield-cancel-button;"> searchfield-cancel-button
-webkit-appearance: searchfield-decoration;"> searchfield-decoration
-webkit-appearance: searchfield-results-button;"> searchfield-results-button
-webkit-appearance: searchfield-results-decoration;"> searchfield-results-decoration
-webkit-appearance: slider-horizontal;"> slider-horizontal
-webkit-appearance: slider-vertical;"> slider-vertical
-webkit-appearance: sliderthumb-horizontal;"> sliderthumb-horizontal
-webkit-appearance: sliderthumb-vertical;"> sliderthumb-vertical
-webkit-appearance: square-button;"> square-button
-webkit-appearance: textarea;"> textarea
-webkit-appearance: textfield;"> textfield
-webkit-appearance: scrollbarbutton-down;"> scrollbarbutton-down
-webkit-appearance: scrollbarbutton-left;"> scrollbarbutton-left
-webkit-appearance: scrollbarbutton-right;"> scrollbarbutton-right
-webkit-appearance: scrollbarbutton-up;"> scrollbarbutton-up
-webkit-appearance: scrollbargripper-horizontal;"> scrollbargripper-horizontal
-webkit-appearance: scrollbargripper-vertical;"> scrollbargripper-vertical
-webkit-appearance: scrollbarthumb-horizontal;"> scrollbarthumb-horizontal
-webkit-appearance: scrollbarthumb-vertical;"> scrollbarthumb-vertical
-webkit-appearance: scrollbartrack-horizontal;"> scrollbartrack-horizontal
-webkit-appearance: scrollbartrack-vertical;"> scrollbartrack-vertical

Свойство -webkit-appearance относится к спецификации CSS, применяется к всем элементам, и действует на всех визуальные носителях, его значение не наследуется от родительского элемента в иерархии документа, и по умолчанию принимает значение none. Является расширением движка WebKit (браузеры Chrome и Safari), и не совместимо с другими браузерами.

Смотри также:

  • appearance - стиль отображения элемента на основе системных элементов управления
  • -moz-appearance -

Краткое описание

Синтаксис:

caps-lock-indicator | button | button-bevel | caret | checkbox | default-button | listbox | listitem | media-fullscreen-button | media-mute-button | media-play-button | media-seek-back-button | media-seek-forward-button | media-slider | media-sliderthumb | menulist | menulist-button | menulist-text | menulist-textfield | none | 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 | textfield | scrollbarbutton-down | scrollbarbutton-left | scrollbarbutton-right | scrollbarbutton-up | scrollbargripper-horizontal | scrollbargripper-vertical | scrollbarthumb-horizontal | scrollbarthumb-vertical | scrollbartrack-horizontal | scrollbartrack-vertical

По умолчанию:

none

Применяется к:

всем элементам

Наследование:

не наследуется

Тип носителя:

визуальные

Объектная модель документа (DOM):

[элемент].style['-webkit-appearance']

Кроссбраузерная совместимость

Internet Explorer

не поддерживается

Firefox

не поддерживается

Chrome

1.0+

Safari

1.0+

Opera

не поддерживается