vue3 input type=“file” 修改样式

直接上代码，开干！！！

html部分：

  <div class="file-box textThemeColor"><input  type="file" class="file-btn"  accept=".xls,.xlsx" @change="changeExcel($event)"/>点击添加</div>

less部分：

.file-box {

        display: inline-block;

        position: relative;

        overflow: hidden;

        background-color: rgb(255, 255, 255);

        .file-btn {

            position: absolute;

            width: 100%;

            height: 100%;

            top: 0;

            left: 0;

            outline: none;

            filter: alpha(opacity=0);

            -moz-opacity: 0;

            -khtml-opacity: 0;

            opacity: 0;

        }

    }

这就是效果啦，嘿嘿嘿