无线端通用的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;
}

  

posted @ 2016-08-13 16:06  xiaoxiaohui  阅读(234)  评论(0编辑  收藏  举报