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-

示例: