前端菜鸟,本人目前只能看懂和抄代码。因为参与一个项目需要用到这块样式,于是在网上找到的例子。于是记下来,同时也是方便自己查阅。
/*定义图像以及大小*/ .imageFileInput{ width: 200px; height: 200px; position: absolute; background-color: red; /*这里可以换成图片路径(background-image:../img/....)注意图片路径*/ } /*定义上传*/ .fileInput{ height: 100%; position: absolute; right: 0; top: 0; opacity: 0; }
下面是HTML部分:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CSS样式:点击图片上传文件</title> <!-- 引入样式 --> <link rel="stylesheet" type="text/css" href="css/style.css"> </head> <body> <div class="imageFileInput"> <input class="fileInput" type="file" id="" name=""> </div> </body> </html>
时间: 2024-11-05 19:42:28