588创业论坛

标题: input上传按钮美化 input file css样式美化 [打印本页]

作者: 匿名 时间: 2017-7-19 17:58
标题: input上传按钮美化 input file css样式美化
在做前端页面 input 文件（图片）上传表单的时候，html自带的type="file"上传表单按钮很不美观，所以就需要通过CSS样式表来美化，具体思路就是先把之前的按钮透明度opacity设置为0,然后，外层用div包裹，实现美化功能。

先放出美化后的效果图：

通过css+js代码实现点击"+"选择本地上传图片，并在"+"的位置上显示所选图片的缩略图。

前端代码如下：

欢迎光临 588创业论坛 (http://bbs.588cy.com/)