base.css 3.7 KB

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