> 代码 > 表单文件域美化(文件选择框 input type=file)
作者:vip_260 来源:未知 日期:2010/1/25 18:06:39 人气:
标签:
文件域美化(文件选择框 input type=file) 演示效果截图CSS代码<style> input{border:1px solid #ff9900;} div {width:300px;position:relative;} p {float:left} .file {position:absolute;top:20px;right:300px;top:0; right:73px;width:0px;height:30px;filter:alpha(opacity=0); -moz-opacity:0;opacity:0;} #txt {height:20px;margin:1px} #ii {width:70px;height:24px;margin-top:1px; margin-top:2px;_margin-top:2px;} </style> HTML代码<div> <form method="post" action="" enctype="multipart/form-data"> <p><input type="text" id="txt" name="txt" /></p> <p><input id="ii" type="button" value="选择文件" /></p> <p><input type="file" onchange="txt.value=this.value" class="file" /> </p> </form> </div> |
|