仿element-ui改造file类型input框的默认CSS

<input name="file" type="file"/>

<style scoped>::-ms-browse, [type='file'] {
        display: inline-block;
        line-height:1;
        white-space: nowrap;
        cursor: pointer;
        -webkit-appearance: none;
        text-align: center;
        box-sizing: border-box;
        outline: none;
        margin:0;
        transition:1s;
        font-weight:500;
        padding:9px 15px;
        font-size:12px;
        border-radius:3px;
        border:1px solid #ff4a00;
        background:#ff4a00;
        color:#fff;
    }
    ::-webkit-file-upload-button {
        display: inline-block;
        line-height:1;
        white-space: nowrap;
        cursor: pointer;
        -webkit-appearance: none;
        text-align: center;
        box-sizing: border-box;
        outline: none;
        margin:0;
        transition:1s;
        font-weight:500;
        padding:9px 15px;
        font-size:12px;
        border-radius:3px;
        border:1px solid #ff4a00;
        background:#ff4a00;
        color:#fff;
    }</style>