网站地图    收藏   

子栏目

主页 > 前端 > css教程 >

[html]自定义文件上传按钮 - html/css语言栏目：ht

来源：自学PHP网    时间：2015-04-14 14:51 作者： 阅读:次

[导读] 如果觉得文件上传按钮太难看，如果觉得上传按钮在各个浏览器上显示的效果不一致。我们可以自定义文件上传按钮。实现方案是将文件上传按钮的点击事件传递给其他按钮。 html -文件...

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

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


.html ->


.css ->


#myFile {

visibility: hidden; /* 隐藏 */

}


#myBtn {

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

}


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


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

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

});

最新评论

    加载更多~~

    添加评论

    更多文章推荐

    自学PHP网专注网站建设学习,PHP程序学习,平面设计学习，以及操作系统学习

    京ICP备14009008号-1@版权所有www.zixuephp.com

    网站声明：本站所有视频，教程都由网友上传，站长收集和分享给大家学习使用，如由牵扯版权问题请联系站长邮箱904561283@qq.com

    添加评论