2014-07-25 21:39:23|?次阅读|上传:wustguangh【已有?条评论】发表评论
关键词:JavaScript, HTML/CSS, 界面设计|来源:唯设编程网
其它控件使用css布局,可以保证各浏览器显示效果一致,下面是我们实现的CSS代码:
/**/
div#content{
padding:15px;
}
.file-box {
position: relative;
width: 340px
}
.txt {
height: 22px;
border: 1px solid #cdcdcd;
width: 280px;
}
.btn {
background-color: #fff;
border: 1px solid #cdcdcd;
height: 24px;
margin-left: -11px;
width: 50px;
}
.submit{
background-color: #a68501;
border: 1px solid #cdcdcd;
color: #fff;
float: right;
height: 28px;
margin-top: 15px;
width: 70px;
}
.file {
display:none;
}
最终实现的效果如下:

说明:该方案在IE10,Firefox和chrome浏览器测试,均能够得到一致的展示效果。