base.css 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182
  1. /*!
  2. * @名称:base.css
  3. * @功能:1、重设浏览器默认样式
  4. * 2、设置通用原子类
  5. */
  6. /* 防止用户自定义背景颜色对网页的影响,添加让用户可以自定义字体 */
  7. html {
  8. /*background:white;*/
  9. color:black;
  10. width: 100%;
  11. }
  12. /* 内外边距通常让各个浏览器样式的表现位置不同 */
  13. body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
  14. margin:0;
  15. padding:0;
  16. }
  17. *{
  18. box-sizing: border-box;
  19. }
  20. /* 要注意表单元素并不继承父级 font 的问题 */
  21. body,button,input,select,textarea {
  22. font:12px/1.5 Microsoft YaHei,tahoma,arial,\5b8b\4f53;
  23. }
  24. input,select,textarea {
  25. font-size:100%;
  26. }
  27. /* 去掉 table cell 的边距并让其边重合 */
  28. table {
  29. border-collapse:collapse;
  30. border-spacing:0;
  31. }
  32. /* ie bug:th 不继承 text-align */
  33. th {
  34. text-align:inherit;
  35. }
  36. /* 去除默认边框 */
  37. fieldset,img {
  38. border:none;
  39. }
  40. /* ie6 7 8(q) bug 显示为行内表现 */
  41. iframe {
  42. display:block;
  43. }
  44. .el-select{
  45. width: 100%;
  46. }
  47. /* 去掉 firefox 下此元素的边框 */
  48. abbr,acronym {
  49. border:none;
  50. font-variant:normal;
  51. }
  52. /* 一致的 del 样式 */
  53. del {
  54. text-decoration:line-through;
  55. }
  56. address,caption,cite,code,dfn,em,th,var {
  57. font-style:normal;
  58. font-weight:500;
  59. }
  60. /* 去掉列表前的标识,li 会继承 */
  61. ol,ul {
  62. list-style:none;
  63. }
  64. /* 对齐是排版最重要的因素,别让什么都居中 */
  65. caption,th {
  66. text-align:left;
  67. }
  68. /* 来自yahoo,让标题都自定义,适应多个系统应用 */
  69. h1,h2,h3,h4,h5,h6 {
  70. font-size:100%;
  71. font-weight:500;
  72. }
  73. q:before,q:after {
  74. content:'';
  75. }
  76. /* 统一上标和下标 */
  77. sub,sup {
  78. font-size:75%;
  79. line-height:0;
  80. position:relative;
  81. vertical-align:baseline;
  82. }
  83. sup {
  84. top:-0.5em;
  85. }
  86. sub {
  87. bottom:-0.25em;
  88. }
  89. /* 让链接在 hover 状态下不显示下划线 */
  90. a{
  91. color:#333
  92. }
  93. a:hover,a:visited,a:active,a:link {
  94. text-decoration: none!important
  95. }
  96. /* 默认不显示下划线,保持页面简洁 */
  97. ins,a {
  98. text-decoration:none;
  99. }
  100. /* 去除 ie6 & ie7 焦点点状线 */
  101. a:focus,*:focus {
  102. outline:none;
  103. }
  104. /* 清除浮动 */
  105. .clearfix:before,.clearfix:after {
  106. content:"";
  107. display:table;
  108. }
  109. .clearfix:after {
  110. clear:both;
  111. overflow:hidden;
  112. }
  113. .clearfix {
  114. zoom:1; /* for ie6 & ie7 */
  115. }
  116. .clear {
  117. clear:both;
  118. display:block;
  119. font-size:0;
  120. height:0;
  121. line-height:0;
  122. overflow:hidden;
  123. }
  124. .el-loading-mask{
  125. background-color: rgba(255,255,255,1);
  126. z-index: 10;
  127. }
  128. /* 设置显示和隐藏,通常用来与 js 配合 */
  129. .hide {
  130. display:none;
  131. }
  132. .block {
  133. display:block;
  134. }
  135. /* 设置浮动,减少浮动带来的 bug */
  136. .fl,.fr {
  137. display:inline;
  138. }
  139. .fl {
  140. float:left;
  141. }
  142. .fr {
  143. float:right;
  144. }
  145. input::-webkit-outer-spin-button,
  146. input::-webkit-inner-spin-button{
  147. -webkit-appearance: none !important;
  148. margin: 0;
  149. }
  150. input[type="number"]{-moz-appearance:textfield;}
  151. .pointer{
  152. cursor: pointer;
  153. }
  154. .el-loading-spinner .el-loading-text{
  155. color: #c81118!important;
  156. }
  157. .el-upload--picture-card {
  158. background-color: #fbfdff;
  159. border: 1px dashed #c0ccda;
  160. border-radius: 6px;
  161. box-sizing: border-box;
  162. width: 200px;
  163. height: 125px;
  164. cursor: pointer;
  165. line-height: 125px;
  166. vertical-align: top;
  167. }
  168. .el-upload-list__item-name{
  169. display: none;
  170. }
  171. .el-message-box__close{
  172. display: block;
  173. }
  174. .el-message-box__close el-icon-close{
  175. display: block;
  176. }
  177. .el-carousel__container{
  178. height: 600px;
  179. z-index: 0;
  180. }