修改input标签file类型的"浏览"按钮

下面这段是我在其他地方找到的,主要是用css来定位,做透明处理,当然还逼真点的话还要hidefocus。看了下,觉得挺好用的就留下来了。希望以后用得上。

<html>
<script>
function fclick(obj){
with(obj){
style.posTop=event.y-offsetHeight/2
style.posLeft=event.x-offsetWidth/2
}
}
</script>
<style>
input{border:1px solid #333333;color:#666666;background:#eeeeee;font:normal 12px Tahoma;height:18px}
</style>
<br>
<br>
<br>
<table>
<tr>
<td>
<form method="post" action="" enctype="multipart/form-data">

<input id="f_file">&nbsp;<input type="button" onmouseover="fclick(t_file)" value="选择上传文件">
<br>

<input name="upload" type="file" style="position:absolute;filter:alpha(opacity=0);width:30px;" id="t_file" onchange="f_file.value=this.value" hidefocus>
<br>

<input type="submit" value="提交">

</form>
</tr>
</table>
</html>

修改input标签file类型的"浏览"按钮》有一个想法

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注