CSS Appearance
The appearance
property defines how elements (particularly form controls) appear by default. By setting the value to none
the default appearance can be entirely redefined using other CSS properties.
IE | Edge | Firefox | Chrome | Safari | Opera | iOS Safari | Opera Mini | Android Browser | Blackberry Browser | Opera Mobile | Chrome for Android | Firefox for Android | IE Mobile | UC Browser for Android | Samsung Internet | QQ Browser | Baidu Browser |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
49webkit
See notes:
|
|||||||||||||||||
56webkit
See notes:
|
9.3webkit
See notes:
|
4.4webkit
See notes:
|
|||||||||||||||
14
See notes:
|
52moz
See notes:
|
57webkit
See notes:
|
10webkit
See notes:
|
10.0-10.2webkit
See notes:
|
4.4.3-4.4.4webkit
See notes:
|
4webkit
See notes:
|
|||||||||||
11 | 15
See notes:
|
53moz
See notes:
|
58webkit
See notes:
|
10.1webkit
See notes:
|
44webkit
See notes:
|
10.3webkit
See notes:
|
all | 56webkit
See notes:
|
10webkit
See notes:
|
37o
See notes:
|
57webkit
See notes:
|
52moz
See notes:
|
11
See notes:
|
11.4webkit
See notes:
|
5webkit
See notes:
|
1.2webkit
See notes:
|
7.12webkit
See notes:
|
54moz
See notes:
|
59webkit
See notes:
|
TPwebkit
See notes:
|
45webkit
See notes:
|
||||||||||||||
55moz
See notes:
|
60webkit
See notes:
|
46webkit
See notes:
|
|||||||||||||||
56moz
See notes:
|
61webkit
See notes:
|
Notes
-
1
The appearance property is supported with the
none
value, but notauto
. Webkit, Blink, and Gecko browsers also support additional vendor specific values. -
2
Microsoft Edge and IE Mobile support this property with the
-webkit-
prefix, rather than-ms-
for interop reasons. -
3
-moz-appearance:none doesn't remove the dropdown arrow in select tag