reset.css 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105
  1. /* 重置样式 */
  2. body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
  3. dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
  4. pre, /* text formatting elements 文本格式元素 */
  5. form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
  6. th, td /* table elements 表格元素 */ {
  7. margin: 0;
  8. padding: 0;
  9. }
  10. body {background:#fff} /* 重置body 页面背景为白色 */
  11. body,th,td,input,select,textarea,button { /* 重置页面文字属性 */
  12. font-size:12px;line-height:1 ;font-family:"微软雅黑", "黑体","宋体";
  13. }
  14. /** css重置样式标签的样式 **/
  15. /* h1 { font-size: 18px;}
  16. h2 { font-size: 16px; }
  17. h3 { font-size: 14px; }
  18. h4, h5, h6 { font-size: 100%; } */
  19. address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal} /* 将斜体扶正*/
  20. code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */
  21. small { font-size: 12px; } /* 小于 12px 的中文很难阅读,让 small 正常化 */
  22. dl,ul,ol,menu,li {list-style:none} /* 重置类表前导符号为onne,menu在HTML5中有效 */
  23. a {text-decoration:none} /* 重置链接a标签样式*/
  24. a:active, a:hover {text-decoration:none} /* 重置链接a标签的鼠标滑动效果 */
  25. /* 取消a标签点击后的虚线框 */
  26. a {outline: none;}
  27. /** 设置页面文字等在拖动鼠标选中情况下的背景色与文字颜色 **/
  28. /*
  29. ::selection {color: #fff;background-color: #4C6E78;}
  30. ::-moz-selection {color: #fff;background-color: #4C6E78;}
  31. */
  32. legend { color: #000; } /* for ie6 */
  33. fieldset,img {border:0 none} /* 重置fieldset(表单分组)、图片的边框为0*/
  34. button, input, select, textarea {
  35. font-size: 100%; /* 使得表单元素在ie下能继承字体大小, */
  36. vertical-align:middle; /* 重置表单控件垂直居中*/
  37. }
  38. /* 注:optgroup 无法扶正 */
  39. /* 重置表单button按钮效果 */
  40. button {border:0 none;background-color:transparent;cursor:pointer}
  41. caption {display:none;} /* 重置表格标题为隐藏 */
  42. table {width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;} /* 重置table属性 */
  43. /* 企业微信标识 */
  44. .tobuimgs {
  45. width: 130px;
  46. display: flex;
  47. justify-items: center;
  48. }
  49. .tobuimgs a img {
  50. width: 130px !important;
  51. height: 58px !important;
  52. }
  53. /* 公共样式 */
  54. .iframeClass {
  55. width: 100%;
  56. background: none;
  57. position: fixed;
  58. top: 0;
  59. left: 0;
  60. z-index: 99;
  61. border: 0;
  62. overflow: hidden;
  63. }
  64. .resetIframe {
  65. width: 100%;
  66. background: none;
  67. border: 0;
  68. }
  69. .resetIframebtn {
  70. height: 30.5rem;
  71. }
  72. ::-webkit-scrollbar {
  73. width: 0px; /* 设置滚动条宽度 */
  74. }
  75. ::-webkit-scrollbar-button {
  76. height: 0;
  77. background-color: #ccc; /* 按钮背景颜色 */
  78. }
  79. ::-webkit-scrollbar-track {
  80. background-color: #f1f1f1;
  81. }
  82. ::-webkit-scrollbar-thumb {
  83. background-color: #888;
  84. border-radius: 5px;
  85. }
  86. ::-webkit-scrollbar-thumb:hover {
  87. background-color: #555;
  88. }
  89. ::-webkit-scrollbar-thumb:active {
  90. background-color: #333;
  91. }