none
input type=file 样式的问题 RRS feed

  • 问题

  • 有个input type=file控件 我把他的border=0 结果边框是没了,但是按钮变得很难看,怎么办?我不想要文本框的边框,但是按钮还是想要原来的样子。
    2009年10月19日 1:42

答案

  • 无法解决

    你可以采取下面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章】
    • 已标记为答案 m s 2009年10月23日 1:54
    2009年10月21日 5:17
    版主

全部回复