如何改上传文件按钮样式
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何改上传文件按钮样式相关的知识,希望对你有一定的参考价值。
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}
如何显示文件名,看我的其他博客寻找
以上是关于如何改上传文件按钮样式的主要内容,如果未能解决你的问题,请参考以下文章