<input type="text" size="20" name="upfile" id="upfile" style="border:1px dotted #ccc">
<input type="button" value="浏览" onclick="path.click()" style="border:1px solid #cccbackground:#fff">
<input type="file" id="path" style="display:none" onchange="upfile.value=this.value">
写成这样，用一个text和一个button替代file，然后让file隐藏
可以通过样式来设置：你可先给你的按钮设置一个class,比如：class="btn"；方法有3种：1.如果有你外链样式表你可以在样式表征.btn{width:200pxheight:50px}2.如果没有连接你直接上头部加上<style type="text/css">.btn{width:200pxheight:50px}</style>3.你可以直接在按钮上加比如：<button style="width:200pxheight:50px">按钮</button>a:active 是鼠标点击时；
a:visited是访问过后的情况；
样式还是在这里写，只不过点击得用js添加这个样式到按钮上，css没有对点击提供类似hover的支持；
这种问题可以称作“超链接的响应颜色变化”。实现的方法可以有很多种。举一种常用的方法，在head（头部里)用css样式表进行声明。
<!------代码如下---->
<style (type="text/css")>
a:link{
color:black <!--未点击的超链接显示黑色--->
a:hover{
color:purple<!----当鼠标指向超链接时变成紫色----->
a:visited{
color:red <!----当超链接被访问过后变成红色----->
</style>
如果楼主是老版本的浏览器，可能还需要先声明括号中第一行代码中的，type=“text/css”。
html5的话，就不用带上这句代码了。PS:超链接的响应还有其他2种，一共五种，这里只列出了3种较为常用的。
