_reset.scss 2.62 KB
@charset "UTF-8";
/*防止用户自定义背景颜色对网页的影响,添加让用户可以自定义字体 */
html {
  -webkit-text-size-adjust: 100%; /*禁用Webkit内核浏览器的文字大小调整功能,默认是auto;*/
  -ms-text-size-adjust: 100%; /*禁用IE内核浏览器的文字大小调整功能,默认是auto;*/
  font-family: sans-serif;
  -webkit-font-smoothing: antialiased;
  height: 100%;
  touch-action: manipulation; /*取消移动端click300ms的延迟*/
}

body {
  height: 100%;
}

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

/*此处增加dt,label针对bootstrap的加粗定义*/
dt,
label {
  font-weight: normal;
  font-size: 100%;
}

input,
button,
textarea,
select,
optgroup,
option {
  font-size: 100%;
  font-weight: normal;
  outline: none;
}
h1,h2,h3,h4,h5{
  padding: 0;
  margin: 0;
  font-weight: normal;
}
input,
button,
textarea {
  -webkit-appearance: none;
}

/*去除ios按钮内阴影、圆角,对单选框、复选框有影响*/
input[type="checkbox"] {
  -webkit-appearance: checkbox;
}

input[type="radio"] {
  -webkit-appearance: radio;
}

input::-webkit-input-safebox-button {
  display: none;
}

/*解决搜狗浏览器密码框自带安全键盘*/
input:focus,
textarea:focus {
  outline: none;
}

th,
td,
button,
input,
select,
textarea {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
}

/*页面的字体抗锯齿,字体会更清晰圆滑*/
textarea {
  resize: none;
  border: 1px solid #ddd;
  padding: 5px;
  width: 100%;
  border-radius: 0;
}

address, caption, cite, code, dfn, th, var, /*em,*/ i {
  font-style: normal;
  font-weight: normal;
}

sub,
sup {
  vertical-align: baseline;
}

button {
  overflow: visible;
  vertical-align: middle;
  outline: none;
  height: auto;
}

/*去掉列表标签的默认样式*/
ul,
ol,
li {
  list-style-type: none;
}

/*重置table样式*/
table {
  border-collapse: collapse;
  border-spacing: 0; /*table-layout: fixed;*/
}

/*table-layout: fixed; 表格布局尺寸固定(默认等分表格),表格的宽度不再由单元格的内容多少而决定,可自定义宽度(给th,td不起作用)*/
/*border-collapse: separate(独立边框); border-spacing:20px 20px(边框单元格间距离);*/

button {
  cursor: pointer;
}

fieldset,
img {
  border: 0;
}

/*a链接*/
a {
  outline: none;
  text-decoration: none;
  color: #848484;
  cursor: pointer;
}

a:focus {
  outline: none;
  text-decoration: none;
  color: inherit;
}

a:hover {
  outline: none;
  color: #157df1;
  text-decoration: none;
}

input::-webkit-inner-spin-button {
  display: none;
}