appearance
- 版本:CSS3
- 继承性:无
语法:
appearance:none | button | button-bevel ...
默认值:none
适用于:所有元素
继承性:无
动画性:否
计算值:指定值
取值:
- none:
- 去除系统默认appearance的样式
- button:
- 以按钮的风格渲染
- button-arrow-down:
- button-arrow-next:
- button-arrow-previous:
- button-arrow-up:
- button-bevel:
- button-focus:
- caps-lock-indicator:
- caret:
- checkbox:
- 以复选框的风格渲染
- checkbox-container:
- checkbox-label:
- checkmenuitem:
- default-button:
- dualbutton:
- groupbox:
- listbox:
- 以列表框的风格渲染
- listitem:
- 以列表项的风格渲染
- media-fullscreen-button:
- media-mute-button:
- media-play-button:
- media-seek-back-button:
- media-seek-forward-button:
- media-slider:
- media-sliderthumb:
- menuarrow:
- menubar:
- menucheckbox:
- menuimage:
- menuitem:
- menuitemtext:
- menulist:
- menulist-button:
- menulist-text:
- menulist-textfield:
- menupopup:
- menuradio:
- menuseparator:
- meterbar:
- meterchunk:
- progressbar:
- 以进度条的风格渲染
- progressbar-vertical:
- 以垂直进度条的风格渲染
- progresschunk:
- 以进度块的风格渲染
- progresschunk-vertical:
- 以垂直进度块的风格渲染
- push-button:
- radio:
- 以单选框的风格渲染
- radio-container:
- radio-label:
- radiomenuitem:
- resizer:
- resizerpanel:
- scale-horizontal:
- scalethumbend:
- scalethumb-horizontal:
- scalethumbstart:
- scalethumbtick:
- scalethumb-vertical:
- scale-vertical:
- scrollbarbutton-up:
- 以滚动条按钮-上的风格渲染
- scrollbarbutton-right:
- 以滚动条按钮-右的风格渲染
- scrollbarbutton-down:
- 以滚动条按钮-下的风格渲染
- scrollbarbutton-left:
- 以滚动条按钮-左的风格渲染
- scrollbargripper-horizontal:
- scrollbargripper-vertical:
- scrollbarthumb-horizontal:
- 以水平滚动条滑块的风格渲染
- scrollbarthumb-vertical:
- 以垂直滚动条滑块的风格渲染
- scrollbartrack-horizontal:
- 以水平滚动条拖动区域的风格渲染
- scrollbartrack-vertical:
- 以垂直滚动条拖动区域的风格渲染
- searchfield:
- 以搜索框的风格渲染
- searchfield-cancel-button:
- 以搜索框取消按钮的风格渲染
- searchfield-decoration:
- searchfield-results-button:
- searchfield-results-decoration:
- separator:
- sheet:
- slider-horizontal:
- sliderthumb-horizontal:
- sliderthumb-vertical:
- slider-vertical:
- spinner:
- spinner-downbutton:
- spinner-textfield:
- spinner-upbutton:
- splitter:
- square-button:
- statusbar:
- statusbarpanel:
- tab:
- 以照选项卡标签的风格渲染
- tabpanel:
- 以照选项卡区域的风格渲染
- tabpanels:
- tab-scroll-arrow-back:
- tab-scroll-arrow-forward:
- textarea:
- 以多行文本框的风格渲染
- textfield:
- 以单行行文本框的风格渲染
- textfield-multiline:
- toolbar:
- toolbarbutton:
- toolbarbutton-dropdown:
- toolbargripper:
- toolbox:
- tooltip:
- 以气泡提示的风格渲染
- treeheader:
- treeheadercell:
- treeheadersortarrow:
- treeitem:
- treeline:
- treetwisty:
- treetwistyopen:
- treeview:
说明:
设置或检索外观按照本地默认样式
- 如果你想去除元素本身的外观并进行自定义,可以设置为
none
- 对应的脚本特性为appearance。
兼容性:
- 浅绿 = 支持
- 红色 = 不支持
- 粉色 = 部分支持
Values | IE | Firefox | Chrome | Safari | Opera | iOS Safari | Android Browser | Android Chrome |
---|---|---|---|---|---|---|---|---|
Basic Support | 6.0-11.0 | 2.0-40.0-moz- | 4.0-45.0-webkit- | 6.0-8.0-webkit- | 15.0-29.0-webkit- | 6.0-8.3-webkit- | 2.1-4.4.4-webkit- | 18.0-42.0-webkit- |