<!doctype html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .filebox {100px;height:40px;display:inline-block;zoom:1;position:relative;} .filebox .file {100%;height:120%;position:absolute;top:-9%;left:-10%;opacity:0;filter:alpha(opacity:0);font-size:130%;cursor:pointer;} .filebox .btn {100%;height:40px;display:block;border:none;background-color:#f30;color:#fff;text-align:center;line-height:40px;font-size:14px;font-weight:bold;} .filebox:hover .btn {background-color:#f60;} </style> </head> <body> <a class="filebox"> <input type="file" name="" id="" class="file" /> <input class="btn" type="button" value="选择图片"/> </a> 这个是文字 </body> </html>