系统默认样式(原始样式)
修改后的样式
实现代码:
① Html代码
<p>请选择要上传的文件:</p>
<input id='textfield' type='text' class=”txt” readonly />
<input class='btn' type='button' value='浏览...' />
② css代码
/*文本框样式*/
#reg.txt{
width:200px;
height:24px;
border:1px solid #cdcdcd;
border-radius:3px;
background:#fff;
margin:0 0 0 15px;
}
/*按钮样式*/
#reg.btn{
background:#FFF;
border:1px solid #CDCDCD;
height:24px;
width:70px;
}
/*file隐藏*/
#fileField{
display:hidden;
}
③ js文件 ()
$('#reg .btn').click(function(){
$('#fileField').click();
});