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.
Spec | https://drafts.csswg.org/css-ui-4/#appearance-switching |
---|---|
Status | W3C Working Draft |
IE | Edge | Firefox | Chrome | Safari | Opera |
---|---|---|---|---|---|
73 (1,*) | |||||
65 (1,*) | 72 (1,*) | ||||
64 (1,*) | 71 (1,*) | TP (1,*) | |||
11 | 18 (1,2) | 63 (1,*) | 70 (1,*) | 12 (1,*) | 56 (1,*) |
10 | 17 (1,2) | 62 (1,*) | 69 (1,*) | 11.1 (1,*) | 55 (1,*) |
9 | 16 (1,2) | 61 (1,*) | 68 (1,*) | 11 (1,*) | 54 (1,*) |
8 | 15 (1,2) | 60 (1,*) | 67 (1,*) | 10.1 (1,*) | 53 (1,*) |
Show all | |||||
7 | 14 (1,2) | 59 (1,*) | 66 (1,*) | 10 (1,*) | 52 (1,*) |
6 | 13 (1,2) | 58 (1,*) | 65 (1,*) | 9.1 (1,*) | 51 (1,*) |
5.5 | 12 (1,2) | 57 (1,*) | 64 (1,*) | 9 (1,*) | 50 (1,*) |
56 (1,*) | 63 (1,*) | 8 (1,*) | 49 (1,*) | ||
55 (1,*) | 62 (1,*) | 7.1 (1,*) | 48 (1,*) | ||
54 (1,*) | 61 (1,*) | 7 (1,*) | 47 (1,*) | ||
53 (1,*) | 60 (1,*) | 6.1 (1,*) | 46 (1,*) | ||
52 (1,*) | 59 (1,*) | 6 (1,*) | 45 (1,*) | ||
51 (1,*) | 58 (1,*) | 5.1 (1,*) | 44 (1,*) | ||
50 (1,*) | 57 (1,*) | 5 (1,*) | 43 (1,*) | ||
49 (1,*) | 56 (1,*) | 4 (1,*) | 42 (1,*) | ||
48 (1,*) | 55 (1,*) | 3.2 (1,*) | 41 (1,*) | ||
47 (1,*) | 54 (1,*) | 3.1 (1,*) | 40 (1,*) | ||
46 (1,*) | 53 (1,*) | 39 (1,*) | |||
45 (1,*) | 52 (1,*) | 38 (1,*) | |||
44 (1,*) | 51 (1,*) | 37 (1,*) | |||
43 (1,*) | 50 (1,*) | 36 (1,*) | |||
42 (1,*) | 49 (1,*) | 35 (1,*) | |||
41 (1,*) | 48 (1,*) | 34 (1,*) | |||
40 (1,*) | 47 (1,*) | 33 (1,*) | |||
39 (1,*) | 46 (1,*) | 32 (1,*) | |||
38 (1,*) | 45 (1,*) | 31 (1,*) | |||
37 (1,*) | 44 (1,*) | 30 (1,*) | |||
36 (1,*) | 43 (1,*) | 29 (1,*) | |||
35 (1,*) | 42 (1,*) | 28 (1,*) | |||
34 (1,3,*) | 41 (1,*) | 27 (1,*) | |||
33 (1,3,*) | 40 (1,*) | 26 (1,*) | |||
32 (1,3,*) | 39 (1,*) | 25 (1,*) | |||
31 (1,3,*) | 38 (1,*) | 24 (1,*) | |||
30 (1,3,*) | 37 (1,*) | 23 (1,*) | |||
29 (1,3,*) | 36 (1,*) | 22 (1,*) | |||
28 (1,3,*) | 35 (1,*) | 21 (1,*) | |||
27 (1,3,*) | 34 (1,*) | 20 (1,*) | |||
26 (1,3,*) | 33 (1,*) | 19 (1,*) | |||
25 (1,3,*) | 32 (1,*) | 18 (1,*) | |||
24 (1,3,*) | 31 (1,*) | 17 (1,*) | |||
23 (1,3,*) | 30 (1,*) | 16 (1,*) | |||
22 (1,3,*) | 29 (1,*) | 15 (1,*) | |||
21 (1,3,*) | 28 (1,*) | 12.1 | |||
20 (1,3,*) | 27 (1,*) | 12 | |||
19 (1,3,*) | 26 (1,*) | 11.6 | |||
18 (1,3,*) | 25 (1,*) | 11.5 | |||
17 (1,3,*) | 24 (1,*) | 11.1 | |||
16 (1,3,*) | 23 (1,*) | 11 | |||
15 (1,3,*) | 22 (1,*) | 10.6 | |||
14 (1,3,*) | 21 (1,*) | 10.5 | |||
13 (1,3,*) | 20 (1,*) | 10.0-10.1 | |||
12 (1,3,*) | 19 (1,*) | 9.5-9.6 | |||
11 (1,3,*) | 18 (1,*) | 9 | |||
10 (1,3,*) | 17 (1,*) | ||||
9 (1,3,*) | 16 (1,*) | ||||
8 (1,3,*) | 15 (1,*) | ||||
7 (1,3,*) | 14 (1,*) | ||||
6 (1,3,*) | 13 (1,*) | ||||
5 (1,3,*) | 12 (1,*) | ||||
4 (1,3,*) | 11 (1,*) | ||||
3.6 (1,3,*) | 10 (1,*) | ||||
3.5 (1,3,*) | 9 (1,*) | ||||
3 (1,3,*) | 8 (1,*) | ||||
2 (1,3,*) | 7 (1,*) | ||||
6 (1,*) | |||||
5 (1,*) | |||||
4 (1,*) |
iOS Safari | Opera Mini | Android Browser | Blackberry Browser | Opera Mobile | Android Chrome | Android Firefox | IE Mobile | Android UC Browser | Samsung Internet | QQ Browser | Baidu Browser |
---|---|---|---|---|---|---|---|---|---|---|---|
12 (1,*) | all | 67 (1,*) | 10 (1,*) | 46 (1,*) | 70 (1,*) | 63 (1,*) | 11 (1,2) | 11.8 (1,*) | 7.2 (1,*) | 1.2 (1,*) | 7.12 (1,*) |
11.3-11.4 (1,*) | 4.4.3-4.4.4 (1,*) | 7 (1,*) | 12.1 | 10 | 6.2 (1,*) | ||||||
11.0-11.2 (1,*) | 4.4 (1,*) | 12 | 5 (1,*) | ||||||||
10.3 (1,*) | 4.2-4.3 (1,*) | 11.5 | 4 (1,*) | ||||||||
Show all | |||||||||||
10.0-10.2 (1,*) | 4.1 (1,*) | 11.1 | |||||||||
9.3 (1,*) | 4 (1,*) | 11 | |||||||||
9.0-9.2 (1,*) | 3 (1,*) | 10 | |||||||||
8.1-8.4 (1,*) | 2.3 (1,*) | ||||||||||
8 (1,*) | 2.2 (1,*) | ||||||||||
7.0-7.1 (1,*) | 2.1 (1,*) | ||||||||||
6.0-6.1 (1,*) | |||||||||||
5.0-5.1 (1,*) | |||||||||||
4.2-4.3 (1,*) | |||||||||||
4.0-4.1 (1,*) | |||||||||||
3.2 (1,*) |
The appearance property is supported with the none
value, but not auto
. WebKit, Blink, and Gecko browsers also support additional vendor specific values.
Microsoft Edge and IE Mobile support this property with the -webkit-
prefix, rather than -ms-
for interop reasons.
-moz-appearance:none doesn't remove the dropdown arrow in select tag
Data by caniuse.com
Licensed under the Creative Commons Attribution License v4.0.
http://caniuse.com/#feat=css-appearance