html 文件上传控件 input=file 美化
<style type="text/css"> form { width: 50px; margin: 100px auto; } .fileDiv { width: 100px; height: 40px; background-color: #00a2d4; line-height: 40px; text-align: center; color: #FFF; border-radius: 3px; /*border: 1px solid #999;*/ position: relative; overflow: hidden; } .fileDiv input { width: 100px; height: 40px; background-color: #FFF; position: absolute; left: 0; top: 0; opacity: 0; -ms-filter: 'alpha(opacity=0)'; } </style> <form method="post" action="upload.php" enctype="multipart/form-data"> <div class="fileDiv"> <span>选择文件</span> <input type='file' name='upload' accept="image/*"/> <!--accept="image/png,image/jpeg,image/gif"--> </div> </form>