input上传文件的样式修改

前端是用vue写的
  <div class="upload_reveal">
            上传文件
            <input
              type="file"
              class="upload_file"
              :id="uploadFileMaintenance'"
              accept="image/*"
              v-on:change="readLocalFile(index)"
            />
   </div>
   **
## css
**
  .upload_reveal {
      display: inline-block;
      width: 100px;
      height: 30px;
      line-height: 30px;
      background: #409EFF;
      position: relative;
      text-align: center;
      color: #FFFFFF;
      border-radius: 5px;

      .upload_file {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        /*透明度为0*/
        opacity: 0;
        cursor: pointer;
      }
    }