input type=file 样式的问题

Question

有个input type=file控件 我把他的border=0 结果边框是没了，但是按钮变得很难看，怎么办？我不想要文本框的边框，但是按钮还是想要原来的样子。

Answer 1

使用层盖住不要的区域

---

【孟子E章】

Answer 2

不明白什么意思，我的意思是说我想让上传控件的文本框的边框没有，但是按钮还是原来的样子。

Answer 3

http://www2.flash8.net/teach/4135.htm 参考几个方法 有你想要的

Answer 4

单纯的css无法做到。一般的做法是放一个input type=text,使用按钮触发type=file的click事件。但这种方法在某些浏览器里是不能上传的。

---

【孟子E章】

Answer 5

不明白什么意思，我的意思是说我想让上传控件的文本框的边框没有，但是按钮还是原来的样子。

就是说：找个东西将那一块盖住，然后放一个type=text的输入框，这样可以设置样式了

---

【孟子E章】

Answer 6

无法解决

Answer 7

无法解决

你可以采取下面2种方法

<form>
	<input name=t  style="position:relative;z-index:3;width:200px;border:0;background:#eee;height:22px">
	<input name=f type=file  style="display:none" onchange="this.form.t.value=this.value"><input type=button value="浏览…[IE适用]" onclick="this.form.f.click()" />
</form>

<form>
	<input name=t  style="position:absolute;z-index:3;width:200px;border:0;background:#eee;height:24px;">
	<input name=f type=file  style="position:absolute;z-index:1;left:56px;" onchange="this.form.t.value=this.value">
</form>

---

【孟子E章】