reset.css 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126
  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. box-sizing: border-box;
  25. font-family: Source Han Sans CN;
  26. }
  27. /* HTML5 display-role reset for older browsers */
  28. article, aside, details, figcaption, figure,
  29. footer, header, hgroup, menu, nav, section {
  30. display: block;
  31. }
  32. input{
  33. outline: none;
  34. -webkit-appearance: button;
  35. -webkit-appearance: none;
  36. border-radius: 0;
  37. border:none;
  38. padding:0;
  39. margin:0;
  40. box-sizing: border-box;
  41. }
  42. textarea{
  43. box-sizing: border-box;
  44. resize: none;
  45. outline: none;
  46. padding:0;
  47. margin:0;
  48. }
  49. a{
  50. text-decoration: none;
  51. color: inherit;
  52. }
  53. body {
  54. line-height: 1;
  55. }
  56. ol, ul {
  57. list-style: none;
  58. }
  59. blockquote, q {
  60. quotes: none;
  61. }
  62. blockquote:before, blockquote:after,
  63. q:before, q:after {
  64. content: '';
  65. content: none;
  66. }
  67. table {
  68. border-collapse: collapse;
  69. border-spacing: 0;
  70. }
  71. .clamp {
  72. overflow: hidden;
  73. text-overflow: ellipsis;
  74. white-space: nowrap;
  75. display: block;
  76. }
  77. .clamp2 {
  78. display: -webkit-box;
  79. -webkit-box-orient: vertical;
  80. -webkit-line-clamp: 2;
  81. overflow: hidden;
  82. }
  83. .clamp3 {
  84. display: -webkit-box;
  85. -webkit-box-orient: vertical;
  86. -webkit-line-clamp: 3;
  87. overflow: hidden;
  88. }
  89. .clamp4 {
  90. display: -webkit-box;
  91. -webkit-box-orient: vertical;
  92. -webkit-line-clamp: 3;
  93. overflow: hidden;
  94. }
  95. /* 布局 */
  96. .row{
  97. /* #ifndef APP-PLUS-NVUE */
  98. display:flex;
  99. /* #endif */
  100. flex-direction:row;
  101. align-items: center;
  102. }
  103. .column{
  104. /* #ifndef APP-PLUS-NVUE */
  105. display:flex;
  106. /* #endif */
  107. flex-direction: column;
  108. }
  109. .center{
  110. /* #ifndef APP-PLUS-NVUE */
  111. display:flex;
  112. /* #endif */
  113. align-items: center;
  114. justify-content: center;
  115. }
  116. .fill{
  117. flex: 1;
  118. }
  119. ::-webkit-scrollbar{ width: 0; height: 0; color: transparent; }
  120. input[type=number] { -moz-appearance:textfield;}
  121. ::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;}