无线端通用的reset样式

时间:2023-03-09 12:48:30
无线端通用的reset样式
@charset "utf-8";
html, body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {
margin: 0;
padding: 0;
-webkit-tap-highlight-color: rgba(255,255,255,0);
-webkit-appearance: none;
}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
display: block;
} html{
-webkit-text-size-adjust: none;
text-size-adjust: none;
height: 100%;
font-size: 62.5%;
-webkit-font-smoothing: antialiased;
background: #eeeeee;
} body{
-webkit-touch-callout: none;
-webkit-text-size-adjust: none;
-webkit-user-select: none;
-webkit-highlight: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
font-size: 1.6rem;
color: #252525;
min-height: 100%;
} body, button, input, select, textarea , pre {
font-family: Helvetica, Tahoma, Arial, STHeiti;
} ul,ol {
list-style: none;
} a {
text-decoration: none;
color: #252525;
-webkit-touch-callout:none;
} a.active {
text-decoration: underline;
} fieldset, img {
border:0;
} table {
border-collapse:collapse;
border-spacing:0;
} textarea {
resize:vertical;
} em,i {
font-style: normal;
} button {
cursor:pointer;
} input[type="submit"],
input[type="button"] {
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-appearance:none;
} *:focus {
outline:0;
} ::-webkit-scrollbar {
width: 0;
} input::-ms-input-placeholder {
line-height: normal;
} input::-webkit-input-placeholder {
line-height: normal;
} @font-face {
font-family:'base';
src: url("font/base.woff") format("woff"), url("font/base.otf");
} select {
border: solid 1px #ccc;
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
border-radius: 0;
background: url("../image/icon_select.jpg") no-repeat scroll right center transparent;
background-size: 18px 26px;
} select::-ms-expand {
display: none;
} .dbox {
display: -moz-box; /* Firefox */
display: -webkit-box; /* Safari and Chrome */
display: box;
}
.box-flex1 {
-moz-box-flex: 1;
-webkit-box-flex: 1;
box-flex: 1;
}
.ellipsis {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
} .ellipsis {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
} .wordwrap {
word-break:break-all;
word-wrap:break-word;
}