appearance

语法：

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-

示例：