您的位置: 首页 > -webkit-appearance
-webkit-appearance 属性
按照本地默认样式显示元素外观。W3暂无官方文档。此属性非标准且渲染效果在不同浏览器下不同，有些属性值甚至不支持，请慎用。
? ? ? ?
?: 表示版本号未知，但该属性可用。
语法
-webkit-appearance: none | button | button-bevel ...
取值
| caps-lock-indicator | 在密码字段中出现的大写字母锁定时，指示灯处于活动状态。 |
|---|---|
| button | 看起来像个按钮，以按钮的风格渲染 |
| button-bevel | 渲染成button-bevel的风格 |
| caret | 渲染成caret的风格 |
| checkbox | 渲染为input:checkbox样式的复选框按钮 |
| default-button | 渲染为default-button的风格 |
| listbox | 看起来像个清单盒子，以listbox风格渲染 |
| listitem | 看起来像个清单列表，以listitem风格渲染 |
| media-fullscreen-button | 渲染为media-fullscreen-button风格 |
| media-mute-button | 渲染为media-mute-button风格 |
| media-play-button | 渲染为media-play-button风格 |
| media-seek-back-button | 渲染为media-seek-back-button风格 |
| media-seek-forward-button | 渲染为media-seek-forward-button风格 |
| media-slider | 渲染为media-slider风格 |
| media-sliderthumb | 渲染为media-sliderthumb风格 |
| menulist | 渲染为menulist-menulist风格 |
| menulist-button | 渲染为menulist-button风格 |
| menulist-text | 渲染为menulist-text风格 |
| menulist-textfield | 渲染为menulist-textfield风格 |
| none | 去除系统默认appearance的样式,常用于IOS下移除原生样式 |
| push-button | 渲染为push-button风格 |
| radio | 看起来像个单选框，以radio单选框风格渲染 |
| searchfield | 看起来像个搜索框，以searchfield风格渲染 |
| searchfield-cancel-button | 渲染为searchfield-cancel-button风格 |
| searchfield-decoration | 渲染为searchfield-decoration风格 |
| searchfield-results-button | 渲染为searchfield-results-button风格 |
| searchfield-results-decoration | 渲染为searchfield-results-decoration风格 |
| slider-horizontal | 渲染为slider-horizontal风格 |
| slider-vertical | 渲染为lider-vertical风格 |
| sliderthumb-horizontal | 渲染为sliderthumb-horizontal风格 |
| sliderthumb-vertical | 渲染为sliderthumb-vertical风格 |
| square-button | 渲染为square-button风格 |
| textarea | 渲染为textarea风格 |
| textfield | 渲染为textfield风格 |
| scrollbarbutton-down | 渲染为scrollbarbutton-down风格 |
| scrollbarbutton-left | 渲染为scrollbarbutton-left风格 |
| scrollbarbutton-right | 渲染为scrollbarbutton-right风格 |
| scrollbarbutton-up | 渲染为scrollbarbutton-up风格 |
| scrollbargripper-horizontal | 渲染为scrollbargripper-horizontal风格 |
| scrollbargripper-vertical | 渲染为scrollbargripper-vertical风格 |
| scrollbarthumb-horizontal | 渲染为scrollbarthumb-horizontal风格 |
| scrollbarthumb-vertical | 渲染为scrollbarthumb-vertical风格 |
| scrollbartrack-horizontal | 渲染为scrollbartrack-horizontal风格 |
| scrollbartrack-vertical | 渲染为scrollbartrack-vertica风格 |