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-

示例: