web端清除样式

淩亂°似流年 2022-02-23 01:54 175阅读 0赞

@charset "utf-8";
    html,
    body,
    div,
    span,
    iframe,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    em,
    img,
    s,
    strong,
    b,
    u,
    i,
    dl,
    dt,
    dd,
    ol,
    ul,
    li,
    fieldset,
    form,
    label,
    table,
    caption,
    tbody,
    tfoot,
    thead,
    tr,
    th,
    td,
    article,
    aside,
    canvas,
    details,
    embed,
    figure,
    figcaption,
    footer,
    header,
    hgroup,
    menu,
    nav,
    section,
    time,
    audio,
    video {
        margin: 0;
        padding: 0;
        border: 0;
        font: inherit;
    }
    
    
    
    
    /* ios默认文本框阴影 */
    
    input[type=text],
    textarea {
        -webkit-appearance: none;
    }
    
    
    /* 低版本安卓文本框层级问题 */
    
    input:focus {
        -webkit-user-modify: read-write-plaintext-only;
    }
    
    ol,
    ul {
        list-style: none;
    }
    
    table {
        border-collapse: collapse;
        border-spacing: 0;
    }
    
    * {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-tap-highlight-color: transparent;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    html,
    body {
        -webkit-text-size-adjust: none;
        -ms-text-size-adjust: 100%;
        min-height: 100%;
        width: 100%;
        background-color:#fff;
        font-family: PingHei,Lucida Grande,Lucida Sans Unicode,STHeiti,Helvetica,Arial,Verdana,"sans-serif",PingHei-light,SimHei,Droid Sans;
    }
    
    a,
    button,
    input {
        outline: 0 none;
        text-decoration: none;
    }
    
    img {
        border: 0 none;
        vertical-align: bottom;
        -ms-interpolation-mode: bicubic;
    }
    [v-cloak] {
        display: none;
    }