您的位置：首页 > 其它

input标签file类型，去除不同浏览器“未选择文件”字样办法

2015-07-20 15:04 661 查看
之前的样式，这个“未选择文件”很想把它去掉吧？

这段代码的运行结果，去掉了“未选择文件”



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<style>

#file{ width:226px; height:25px; position:relative;}

#filetxt{}

#filebtn{ position:absolute; right:0px; }

#upfile{ width:70px; position:absolute; right:0px; top:0px; opacity:0;}

</style>

<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js" ></script>

</head>

<body>

<div id="file">

<input id="filetxt" type="text" value="未选择文件" />

<input id="filebtn" type="button" value="SELECT"/>

<input id='upfile' type="file" />

</div>

<script>

$(function(){

$('#upfile').change(function(){

$('#filetxt').val($('#upfile').val());

});

});

</script>

</body>

</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航