reset.css 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  1. /* http://meyerweb.com/eric/tools/css/reset/
  2. v2.0 | 20110126
  3. License: none (public domain)
  4. */
  5. html, body, div, span, applet, object, iframe,
  6. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  7. a, abbr, acronym, address, big, cite, code,
  8. del, dfn, em, img, ins, kbd, q, s, samp,
  9. small, strike, strong, sub, sup, tt, var,
  10. b, u, i, center,
  11. dl, dt, dd, ol, ul, li,
  12. fieldset, form, label, legend,
  13. table, caption, tbody, tfoot, thead, tr, th, td,
  14. article, aside, canvas, details, embed,
  15. figure, figcaption, footer, header, hgroup,
  16. menu, nav, output, ruby, section, summary,
  17. time, mark, audio, video {
  18. margin: 0;
  19. padding: 0;
  20. border: 0;
  21. font-size: 100%;
  22. font: inherit;
  23. vertical-align: baseline;
  24. }
  25. /* HTML5 display-role reset for older browsers */
  26. article, aside, details, figcaption, figure,
  27. footer, header, hgroup, menu, nav, section, main {
  28. display: block;
  29. }
  30. ol, ul {
  31. list-style: none;
  32. }
  33. blockquote, q {
  34. quotes: none;
  35. }
  36. blockquote:before, blockquote:after,
  37. q:before, q:after {
  38. content: '';
  39. content: none;
  40. }
  41. table {
  42. border-collapse: collapse;
  43. border-spacing: 0;
  44. }
  45. button{outline:none; border: none;}
  46. input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{
  47. -webkit-appearance:textfield;
  48. }
  49. input[type="number"]{
  50. -moz-appearance:textfield;
  51. }
  52. input:-webkit-autofill {
  53. -webkit-box-shadow: 0 0 0px 1000px white inset;
  54. -webkit-text-fill-color: #333;
  55. }
  56. a {
  57. text-decoration: none;
  58. cursor: pointer;
  59. }
  60. a:hover,a:focus{
  61. text-decoration:none;
  62. bblr:expression(this.onFocus=this.blur());/*IE*/
  63. outline-style:none;/*FF*/
  64. }
  65. *, *::after, *::before {
  66. box-sizing: border-box;
  67. }
  68. ::-webkit-scrollbar-track/*滑动轨道*/
  69. {
  70. -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  71. border-radius: 0px;
  72. background: rgba(0,0,0,0.1);
  73. }
  74. ::-webkit-scrollbar-thumb/*滑块*/
  75. {
  76. border-radius: 5px;
  77. -webkit-box-shadow: inset 0 0 5px rgba(192,192,192,0.2);
  78. background: rgba(192,192,192,0.2);
  79. }
  80. ::-webkit-scrollbar-thumb:hover/*滑块效果*/
  81. {
  82. border-radius: 5px;
  83. -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  84. background: rgba(0,0,0,0.4);
  85. }