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