css-appearance.json 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597
  1. {
  2. "title":"CSS Appearance",
  3. "description":"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.",
  4. "spec":"https://www.w3.org/TR/css-ui-4/#appearance-switching",
  5. "status":"wd",
  6. "links":[
  7. {
  8. "url":"https://css-tricks.com/almanac/properties/a/appearance/",
  9. "title":"CSS Tricks article"
  10. },
  11. {
  12. "url":"https://bugs.webkit.org/show_bug.cgi?id=143842",
  13. "title":"Safari implementation bug for unprefixed `appearance`"
  14. }
  15. ],
  16. "bugs":[
  17. ],
  18. "categories":[
  19. "CSS"
  20. ],
  21. "stats":{
  22. "ie":{
  23. "5.5":"n",
  24. "6":"n",
  25. "7":"n",
  26. "8":"n",
  27. "9":"n",
  28. "10":"n",
  29. "11":"n"
  30. },
  31. "edge":{
  32. "12":"a #1 #2",
  33. "13":"a #1 #2",
  34. "14":"a #1 #2",
  35. "15":"a #1 #2",
  36. "16":"a #1 #2",
  37. "17":"a #1 #2",
  38. "18":"a #1 #2",
  39. "79":"a x #1",
  40. "80":"a x #1",
  41. "81":"a x #1",
  42. "83":"y x",
  43. "84":"y",
  44. "85":"y",
  45. "86":"y",
  46. "87":"y",
  47. "88":"y",
  48. "89":"y",
  49. "90":"y",
  50. "91":"y",
  51. "92":"y",
  52. "93":"y",
  53. "94":"y",
  54. "95":"y",
  55. "96":"y",
  56. "97":"y",
  57. "98":"y",
  58. "99":"y",
  59. "100":"y",
  60. "101":"y",
  61. "102":"y",
  62. "103":"y",
  63. "104":"y",
  64. "105":"y",
  65. "106":"y",
  66. "107":"y",
  67. "108":"y",
  68. "109":"y",
  69. "110":"y",
  70. "111":"y",
  71. "112":"y",
  72. "113":"y",
  73. "114":"y",
  74. "115":"y",
  75. "116":"y",
  76. "117":"y",
  77. "118":"y",
  78. "119":"y",
  79. "120":"y"
  80. },
  81. "firefox":{
  82. "2":"a x #1 #3",
  83. "3":"a x #1 #3",
  84. "3.5":"a x #1 #3",
  85. "3.6":"a x #1 #3",
  86. "4":"a x #1 #3",
  87. "5":"a x #1 #3",
  88. "6":"a x #1 #3",
  89. "7":"a x #1 #3",
  90. "8":"a x #1 #3",
  91. "9":"a x #1 #3",
  92. "10":"a x #1 #3",
  93. "11":"a x #1 #3",
  94. "12":"a x #1 #3",
  95. "13":"a x #1 #3",
  96. "14":"a x #1 #3",
  97. "15":"a x #1 #3",
  98. "16":"a x #1 #3",
  99. "17":"a x #1 #3",
  100. "18":"a x #1 #3",
  101. "19":"a x #1 #3",
  102. "20":"a x #1 #3",
  103. "21":"a x #1 #3",
  104. "22":"a x #1 #3",
  105. "23":"a x #1 #3",
  106. "24":"a x #1 #3",
  107. "25":"a x #1 #3",
  108. "26":"a x #1 #3",
  109. "27":"a x #1 #3",
  110. "28":"a x #1 #3",
  111. "29":"a x #1 #3",
  112. "30":"a x #1 #3",
  113. "31":"a x #1 #3",
  114. "32":"a x #1 #3",
  115. "33":"a x #1 #3",
  116. "34":"a x #1 #3",
  117. "35":"a x #1",
  118. "36":"a x #1",
  119. "37":"a x #1",
  120. "38":"a x #1",
  121. "39":"a x #1",
  122. "40":"a x #1",
  123. "41":"a x #1",
  124. "42":"a x #1",
  125. "43":"a x #1",
  126. "44":"a x #1",
  127. "45":"a x #1",
  128. "46":"a x #1",
  129. "47":"a x #1",
  130. "48":"a x #1",
  131. "49":"a x #1",
  132. "50":"a x #1",
  133. "51":"a x #1",
  134. "52":"a x #1",
  135. "53":"a x #1",
  136. "54":"a x #1",
  137. "55":"a x #1",
  138. "56":"a x #1",
  139. "57":"a x #1",
  140. "58":"a x #1",
  141. "59":"a x #1",
  142. "60":"a x #1",
  143. "61":"a x #1",
  144. "62":"a x #1",
  145. "63":"a x #1",
  146. "64":"a x #1",
  147. "65":"a x #1",
  148. "66":"a x #1",
  149. "67":"a x #1",
  150. "68":"a x #1",
  151. "69":"a x #1",
  152. "70":"a x #1",
  153. "71":"a x #1",
  154. "72":"a x #1",
  155. "73":"a x #1",
  156. "74":"a x #1",
  157. "75":"a x #1",
  158. "76":"a x #1",
  159. "77":"a x #1",
  160. "78":"a x #1",
  161. "79":"a x #1",
  162. "80":"y",
  163. "81":"y",
  164. "82":"y",
  165. "83":"y",
  166. "84":"y",
  167. "85":"y",
  168. "86":"y",
  169. "87":"y",
  170. "88":"y",
  171. "89":"y",
  172. "90":"y",
  173. "91":"y",
  174. "92":"y",
  175. "93":"y",
  176. "94":"y",
  177. "95":"y",
  178. "96":"y",
  179. "97":"y",
  180. "98":"y",
  181. "99":"y",
  182. "100":"y",
  183. "101":"y",
  184. "102":"y",
  185. "103":"y",
  186. "104":"y",
  187. "105":"y",
  188. "106":"y",
  189. "107":"y",
  190. "108":"y",
  191. "109":"y",
  192. "110":"y",
  193. "111":"y",
  194. "112":"y",
  195. "113":"y",
  196. "114":"y",
  197. "115":"y",
  198. "116":"y",
  199. "117":"y",
  200. "118":"y",
  201. "119":"y",
  202. "120":"y",
  203. "121":"y",
  204. "122":"y",
  205. "123":"y"
  206. },
  207. "chrome":{
  208. "4":"a x #1",
  209. "5":"a x #1",
  210. "6":"a x #1",
  211. "7":"a x #1",
  212. "8":"a x #1",
  213. "9":"a x #1",
  214. "10":"a x #1",
  215. "11":"a x #1",
  216. "12":"a x #1",
  217. "13":"a x #1",
  218. "14":"a x #1",
  219. "15":"a x #1",
  220. "16":"a x #1",
  221. "17":"a x #1",
  222. "18":"a x #1",
  223. "19":"a x #1",
  224. "20":"a x #1",
  225. "21":"a x #1",
  226. "22":"a x #1",
  227. "23":"a x #1",
  228. "24":"a x #1",
  229. "25":"a x #1",
  230. "26":"a x #1",
  231. "27":"a x #1",
  232. "28":"a x #1",
  233. "29":"a x #1",
  234. "30":"a x #1",
  235. "31":"a x #1",
  236. "32":"a x #1",
  237. "33":"a x #1",
  238. "34":"a x #1",
  239. "35":"a x #1",
  240. "36":"a x #1",
  241. "37":"a x #1",
  242. "38":"a x #1",
  243. "39":"a x #1",
  244. "40":"a x #1",
  245. "41":"a x #1",
  246. "42":"a x #1",
  247. "43":"a x #1",
  248. "44":"a x #1",
  249. "45":"a x #1",
  250. "46":"a x #1",
  251. "47":"a x #1",
  252. "48":"a x #1",
  253. "49":"a x #1",
  254. "50":"a x #1",
  255. "51":"a x #1",
  256. "52":"a x #1",
  257. "53":"a x #1",
  258. "54":"a x #1",
  259. "55":"a x #1",
  260. "56":"a x #1",
  261. "57":"a x #1",
  262. "58":"a x #1",
  263. "59":"a x #1",
  264. "60":"a x #1",
  265. "61":"a x #1",
  266. "62":"a x #1",
  267. "63":"a x #1",
  268. "64":"a x #1",
  269. "65":"a x #1",
  270. "66":"a x #1",
  271. "67":"a x #1",
  272. "68":"a x #1",
  273. "69":"a x #1",
  274. "70":"a x #1",
  275. "71":"a x #1",
  276. "72":"a x #1",
  277. "73":"a x #1",
  278. "74":"a x #1",
  279. "75":"a x #1",
  280. "76":"a x #1",
  281. "77":"a x #1",
  282. "78":"a x #1",
  283. "79":"a x #1",
  284. "80":"a x #1",
  285. "81":"a x #1",
  286. "83":"y x",
  287. "84":"y",
  288. "85":"y",
  289. "86":"y",
  290. "87":"y",
  291. "88":"y",
  292. "89":"y",
  293. "90":"y",
  294. "91":"y",
  295. "92":"y",
  296. "93":"y",
  297. "94":"y",
  298. "95":"y",
  299. "96":"y",
  300. "97":"y",
  301. "98":"y",
  302. "99":"y",
  303. "100":"y",
  304. "101":"y",
  305. "102":"y",
  306. "103":"y",
  307. "104":"y",
  308. "105":"y",
  309. "106":"y",
  310. "107":"y",
  311. "108":"y",
  312. "109":"y",
  313. "110":"y",
  314. "111":"y",
  315. "112":"y",
  316. "113":"y",
  317. "114":"y",
  318. "115":"y",
  319. "116":"y",
  320. "117":"y",
  321. "118":"y",
  322. "119":"y",
  323. "120":"y",
  324. "121":"y",
  325. "122":"y",
  326. "123":"y"
  327. },
  328. "safari":{
  329. "3.1":"a x #1",
  330. "3.2":"a x #1",
  331. "4":"a x #1",
  332. "5":"a x #1",
  333. "5.1":"a x #1",
  334. "6":"a x #1",
  335. "6.1":"a x #1",
  336. "7":"a x #1",
  337. "7.1":"a x #1",
  338. "8":"a x #1",
  339. "9":"a x #1",
  340. "9.1":"a x #1",
  341. "10":"a x #1",
  342. "10.1":"a x #1",
  343. "11":"a x #1",
  344. "11.1":"a x #1",
  345. "12":"a x #1",
  346. "12.1":"a x #1",
  347. "13":"a x #1",
  348. "13.1":"a x #1",
  349. "14":"a x #1",
  350. "14.1":"a x #1",
  351. "15":"a x #1",
  352. "15.1":"a x #1",
  353. "15.2-15.3":"a x #1",
  354. "15.4":"y",
  355. "15.5":"y",
  356. "15.6":"y",
  357. "16.0":"y",
  358. "16.1":"y",
  359. "16.2":"y",
  360. "16.3":"y",
  361. "16.4":"y",
  362. "16.5":"y",
  363. "16.6":"y",
  364. "17.0":"y",
  365. "17.1":"y",
  366. "17.2":"y",
  367. "TP":"y"
  368. },
  369. "opera":{
  370. "9":"n",
  371. "9.5-9.6":"n",
  372. "10.0-10.1":"n",
  373. "10.5":"n",
  374. "10.6":"n",
  375. "11":"n",
  376. "11.1":"n",
  377. "11.5":"n",
  378. "11.6":"n",
  379. "12":"n",
  380. "12.1":"n",
  381. "15":"a x #1",
  382. "16":"a x #1",
  383. "17":"a x #1",
  384. "18":"a x #1",
  385. "19":"a x #1",
  386. "20":"a x #1",
  387. "21":"a x #1",
  388. "22":"a x #1",
  389. "23":"a x #1",
  390. "24":"a x #1",
  391. "25":"a x #1",
  392. "26":"a x #1",
  393. "27":"a x #1",
  394. "28":"a x #1",
  395. "29":"a x #1",
  396. "30":"a x #1",
  397. "31":"a x #1",
  398. "32":"a x #1",
  399. "33":"a x #1",
  400. "34":"a x #1",
  401. "35":"a x #1",
  402. "36":"a x #1",
  403. "37":"a x #1",
  404. "38":"a x #1",
  405. "39":"a x #1",
  406. "40":"a x #1",
  407. "41":"a x #1",
  408. "42":"a x #1",
  409. "43":"a x #1",
  410. "44":"a x #1",
  411. "45":"a x #1",
  412. "46":"a x #1",
  413. "47":"a x #1",
  414. "48":"a x #1",
  415. "49":"a x #1",
  416. "50":"a x #1",
  417. "51":"a x #1",
  418. "52":"a x #1",
  419. "53":"a x #1",
  420. "54":"a x #1",
  421. "55":"a x #1",
  422. "56":"a x #1",
  423. "57":"a x #1",
  424. "58":"a x #1",
  425. "60":"a x #1",
  426. "62":"a x #1",
  427. "63":"a x #1",
  428. "64":"a x #1",
  429. "65":"a x #1",
  430. "66":"a x #1",
  431. "67":"a x #1",
  432. "68":"a x #1",
  433. "69":"a x #1",
  434. "70":"y x",
  435. "71":"y x",
  436. "72":"y x",
  437. "73":"y",
  438. "74":"y",
  439. "75":"y",
  440. "76":"y",
  441. "77":"y",
  442. "78":"y",
  443. "79":"y",
  444. "80":"y",
  445. "81":"y",
  446. "82":"y",
  447. "83":"y",
  448. "84":"y",
  449. "85":"y",
  450. "86":"y",
  451. "87":"y",
  452. "88":"y",
  453. "89":"y",
  454. "90":"y",
  455. "91":"y",
  456. "92":"y",
  457. "93":"y",
  458. "94":"y",
  459. "95":"y",
  460. "96":"y",
  461. "97":"y",
  462. "98":"y",
  463. "99":"y",
  464. "100":"y",
  465. "101":"y",
  466. "102":"y",
  467. "103":"y",
  468. "104":"y"
  469. },
  470. "ios_saf":{
  471. "3.2":"a x #1",
  472. "4.0-4.1":"a x #1",
  473. "4.2-4.3":"a x #1",
  474. "5.0-5.1":"a x #1",
  475. "6.0-6.1":"a x #1",
  476. "7.0-7.1":"a x #1",
  477. "8":"a x #1",
  478. "8.1-8.4":"a x #1",
  479. "9.0-9.2":"a x #1",
  480. "9.3":"a x #1",
  481. "10.0-10.2":"a x #1",
  482. "10.3":"a x #1",
  483. "11.0-11.2":"a x #1",
  484. "11.3-11.4":"a x #1",
  485. "12.0-12.1":"a x #1",
  486. "12.2-12.5":"a x #1",
  487. "13.0-13.1":"a x #1",
  488. "13.2":"a x #1",
  489. "13.3":"a x #1",
  490. "13.4-13.7":"a x #1",
  491. "14.0-14.4":"a x #1",
  492. "14.5-14.8":"a x #1",
  493. "15.0-15.1":"a x #1",
  494. "15.2-15.3":"a x #1",
  495. "15.4":"y",
  496. "15.5":"y",
  497. "15.6-15.7":"y",
  498. "16.0":"y",
  499. "16.1":"y",
  500. "16.2":"y",
  501. "16.3":"y",
  502. "16.4":"y",
  503. "16.5":"y",
  504. "16.6-16.7":"y",
  505. "17.0":"y",
  506. "17.1":"y",
  507. "17.2":"y"
  508. },
  509. "op_mini":{
  510. "all":"n"
  511. },
  512. "android":{
  513. "2.1":"a x #1",
  514. "2.2":"a x #1",
  515. "2.3":"a x #1",
  516. "3":"a x #1",
  517. "4":"a x #1",
  518. "4.1":"a x #1",
  519. "4.2-4.3":"a x #1",
  520. "4.4":"a x #1",
  521. "4.4.3-4.4.4":"a x #1",
  522. "119":"y"
  523. },
  524. "bb":{
  525. "7":"a x #1",
  526. "10":"a x #1"
  527. },
  528. "op_mob":{
  529. "10":"n",
  530. "11":"n",
  531. "11.1":"n",
  532. "11.5":"n",
  533. "12":"n",
  534. "12.1":"n",
  535. "73":"y"
  536. },
  537. "and_chr":{
  538. "119":"y"
  539. },
  540. "and_ff":{
  541. "119":"y"
  542. },
  543. "ie_mob":{
  544. "10":"n",
  545. "11":"a #1 #2"
  546. },
  547. "and_uc":{
  548. "15.5":"y"
  549. },
  550. "samsung":{
  551. "4":"a x #1",
  552. "5.0-5.4":"a x #1",
  553. "6.2-6.4":"a x #1",
  554. "7.2-7.4":"a x #1",
  555. "8.2":"a x #1",
  556. "9.2":"a x #1",
  557. "10.1":"a x #1",
  558. "11.1-11.2":"a x #1",
  559. "12.0":"a x #1",
  560. "13.0":"a x #1",
  561. "14.0":"a x #1",
  562. "15.0":"a x #1",
  563. "16.0":"a x #1",
  564. "17.0":"a x #1",
  565. "18.0":"a x #1",
  566. "19.0":"a x #1",
  567. "20":"a x #1",
  568. "21":"a x #1",
  569. "22":"a x #1",
  570. "23":"a x #1"
  571. },
  572. "and_qq":{
  573. "13.1":"a x #1"
  574. },
  575. "baidu":{
  576. "13.18":"y"
  577. },
  578. "kaios":{
  579. "2.5":"a x #1",
  580. "3.0-3.1":"y"
  581. }
  582. },
  583. "notes":"WebKit, Blink, and Gecko browsers also support additional vendor specific values.",
  584. "notes_by_num":{
  585. "1":"The appearance property is supported with the `none` value, but not `auto`.",
  586. "2":"Microsoft Edge and IE Mobile support this property with the `-webkit-` prefix, rather than `-ms-` for interop reasons.",
  587. "3":"`-moz-appearance:none` did not remove the dropdown arrow in the select tag"
  588. },
  589. "usage_perc_y":92.11,
  590. "usage_perc_a":5.6,
  591. "ucprefix":false,
  592. "parent":"",
  593. "keywords":"",
  594. "chrome_id":"",
  595. "shown":true
  596. }