如何改上传文件按钮样式

Posted 2020-10-12

html:
<p>
　　<span>
　　　　<span class="red">*</span>上传稿件</span>
　　　　　　<a href="javascript:;" class="a-upload"> 
　　　　　　　　<input type="file" name="file" value="" id="file-input">本地上传
　　　　　　</a>
　　　　<span class="file-wrap">
　　　　　　<em class="file-icon"></em>
　　　　<span class="file-name" id="file">
　　　　</span>
</span> 
</p>
css:

.a-upload{width: 113px;height: 38px;border-radius: 5px;background: #f3f3f3;text-align: center;line-height: 38px;position: relative;cursor: pointer;color: #333!important;}
.a-upload input{width: 100%;height: 100%;position: absolute;top: 0;left: 0;opacity: 0}

如何显示文件名,看我的其他博客寻找