原始的样式:
<input type="file">
修改之后的样式:
style:
.upload{
font-size:12px;
margin-left: -40px;
overflow:hidden;
position:absolute}
.file{
position:absolute;
z-index:100;
margin-left:-180px;
font-size:60px;
opacity:0;
filter:alpha(opacity=0);
margin-top:-5px;
}
HTML:
<el-row>
<el-col :span="24" style="margin-top: 50px;">
<el-menu>
<el-menu-item index="1">
<span class="upload">最近文件/活动</span>
<input type="file" class="file" size="1">
</el-menu-item>
<el-menu-item index="2">
<span class="upload">从材料库上传</span>
<input type="file" class="file" size="1">
</el-menu-item>
<el-menu-item index="3">
<span class="upload">从本地上传</span>
<input type="file" class="file" size="1">
</el-menu-item>
<el-menu-item index="4">
<span class="upload">从我的资源上传</span>
<input type="file" class="file" size="1">
</el-menu-item>
</el-menu>
</el-col>
</el-row>