免费模板网
当前位置: 澳门永利官方网站>CSS代码> CSS美化文件域(文件选择框 input type=file)

CSS代码

CSS美化文件域(文件选择框 input type=file)

分类:CSS代码 时间:2009/12/16 11:28:23 浏览:43771 次

演示效果截图

本文地址:http://www.5hawgs.com/css-code/detail-6485.aspx
文章摘要: CSS美化文件域(文件选择框 input type=file) ,澳门新葡京官方网站澳门皇家官方网站澳门星际官网,澳门星际官方网站星际线上娱乐官网澳门黄金城官网。

CSS美化文件域(文件选择框 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>
友荐云推荐

上一篇:利用css的clear属性实现文字环绕图片效果

下一篇:CSS样式搜索框美化系列(4)

站长常用工具

最新代码

热门代码

赞助商链接