appearance
Type:
Propriété CSS
Syntaxe:
appearance: normal | <appearance> | inherit;
<appearance> values: button | push-button | hyperlink | radio-button | checkbox | pop-up-menu | list-menu | radio-group | checkbox-group | field | password ...
apperance: auto | none;
apperance: <appearance>;
-moz-appearance: none | button | button-arrow-down | button-arrow-next | button-arrow-previous | button-arrow-up | button-bevel | button-focus | caret |
checkbox | checkbox-container | checkbox-label | checkmenuitem | dualbutton | groupbox | listbox | listitem | menuarrow | menubar | menucheckbox |
menuimage | menuitem | menuitemtext | menulist | menulist-button | menulist-text | menulist-textfield | menupopup | menuradio | menuseparator |
meterbar | meterchunk | progressbar | progressbar-vertical | progresschunk | progresschunk-vertical | radio | radio-container | radio-label |
radiomenuitem | range | range-thumb | resizer | resizerpanel | scale-horizontal | scalethumbend | scalethumb-horizontal | scalethumbstart |
scalethumbtick | scalethumb-vertical | scale-vertical | scrollbarbutton-down | scrollbarbutton-left | scrollbarbutton-right | scrollbarbutton-up |
scrollbarthumb-horizontal | scrollbarthumb-vertical | scrollbartrack-horizontal | scrollbartrack-vertical | searchfield | separator | sheet |
spinner | spinner-downbutton | spinner-textfield | spinner-upbutton | splitter | statusbar | statusbarpanel | tab | tabpanel | tabpanels |
tab-scroll-arrow-back | tab-scroll-arrow-forward | textfield | textfield-multiline | toolbar | toolbarbutton | toolbarbutton-dropdown |
toolbargripper | toolbox | tooltip | treeheader | treeheadercell | treeheadersortarrow | treeitem | treeline | treetwisty | treetwistyopen |
treeview | -moz-mac-unified-toolbar | -moz-win-borderless-glass | -moz-win-browsertabbar-toolbox | -moz-win-communicationstext | -moz-win-communications-toolbox |
-moz-win-exclude-glass | -moz-win-glass | -moz-win-mediatext | -moz-win-media-toolbox | -moz-window-button-box | -moz-window-button-box-maximized |
-moz-window-button-close | -moz-window-button-maximize | -moz-window-button-minimize | -moz-window-button-restore | -moz-window-frame-bottom |
-moz-window-frame-left | -moz-window-frame-right | -moz-window-titlebar | -moz-window-titlebar-maximized
Statut:
Non standardisé
Navigateurs:
-webkit-appearance (chrome)
-moz-appearance (firefox)
Liens:
developer.mozilla.org/en-US/docs/Web/CSS/-moz-appearance
www.w3.org/TR/2004/CR-css3-ui-20040511/#appearance
wiki.csswg.org/spec/css4-ui#dropped-css3-features
drafts.csswg.org/css-ui-4/#appearance-switching
Tests:
paste.progysm.com/select-appearance-noarrow/ : select {-moz-appearance: none; } enlève la flèche