[html]自定义文件上传按钮

当前位置 : 首页 > 网页制作 > CSS > [html]自定义文件上传按钮

[html]自定义文件上传按钮

来源: 作者: 时间:2016-01-25 10:02
如果觉得文件上传按钮太难看,如果觉得上传按钮在各个浏览器上显示的效果不一致。我们可以自定义文件上传按钮。实现方案是将文件上传按钮的点击事件传递给其他按钮。 html -文件

如果觉得文件上传按钮太难看,如果觉得上传按钮在各个上显示的效果不一致。我们可以自定义文件上传按钮。

实现方案是将文件上传按钮的点击事件传递给其他按钮。


. ->


.css ->


#myFile {

visibility: hidden; /* 隐藏 */

}


#myBtn {

/* 在这里自定义你的按钮样式 */

}


.js (为了简便起见,这里使用jQuery控件)


$('#myBtn').click(function() {

$('#myFile').click(); // 模拟文件上传按钮点击操作

});



Tag:
网友评论

<