自定义修改input上传文件样式及文字

修改前：

想要使用自定义的样式或者使用自己想用的文字，使用以下代码：

<div>
  <label class="custom-file-upload">
    <span>导入产品</span>
    <input type="file" id="fileInput" accept=".xlsx" @change="handleImportProduct" />
  </label>
</div>

样式：

<style>
  /* 自定义file类型的input */
  #fileInput {
    display: none;
  }

  .custom-file-upload {
    color: #fff;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
    border-color: #0960bd;
    background: #0960bd;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
    border-radius: 4px;
  }

  .custom-file-upload span {
    margin-right: 8px;
  }
</style>

修改后效果：