菜单切换
FACESOHO知行者
心灵
记录
远方
赞赏工具
源代码：
点击运行
保存
<!DOCTYPE html> <html><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>css file</title> <link rel="shortcut icon" href="/public/images/favicon.ico" mce_href="/public/images/favicon.ico" type="image/x-icon" > <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.min.css" media="all" /> <link rel="stylesheet" href="/public/css/style.css?v=1.147" type="text/css" media="all" /> <!--[if gte IE 9]><!--> <script src="//cdn.staticfile.org/jquery/2.0.3/jquery.min.js"></script> <!--<![endif]--> <!--[if lt IE 9]> <script src="//cdn.staticfile.org/jquery/1.9.1/jquery.min.js"></script> <script src="//cdn.staticfile.org/html5shiv/r29/html5.min.js"></script> <![endif]--> <link rel="apple-touch-icon" href="/public/images/mobile-icon.png"/> <meta name="apple-mobile-web-app-title" content="知易行难"> </head> <body> <style> .a-upload {padding:4px 10px;height:20px;line-height:20px;position:relative;cursor:pointer;color:#888;background:#fafafa; border:1px solid #ddd;border-radius:4px;overflow:hidden;display:inline-block;*display:inline;*zoom:1} .a-upload input {position:absolute;font-size:100px;right:0;top:0;opacity:0;filter:alpha(opacity=0);cursor:pointer} .a-upload:hover {color:#444;background:#eee;border-color:#ccc;text-decoration:none} .file {position:relative;display:inline-block;background:#D0EEFF;border:1px solid #99D3F5;border-radius:4px;padding:4px 12px; overflow:hidden;color:#1E88C7;text-decoration:none;text-indent:0;line-height:20px; } .file input {position:absolute;font-size:100px;right:0;top:0;opacity:0;} .file:hover {background:#AADFFD;border-color:#78C3F3;color:#004974;text-decoration:none;} </style> <a class="a-upload"><input type="file" name="" id="">上传文件</a> <a class="file">选择文件<input type="file" name="" id=""></a> </body> </html>
运行结果