搜索框美化

 

<style type="text/css">
.out_div{
 background:url('https://img-my.csdn.net/uploads/201211/14/1352861780_4765.png') no-repeat scroll 0 0 transparent;
 display:inline;
 height:20px;
 width:180px;
}
.text1{
 background:none repeat scroll 0 0 transparent;
 border:medium none;
 width:160px;
}
.submit1{
 background:none repeat scroll 0 0 transparent;
 border:medium none;
 cursor:pointer;
 width: 15px;
}
</style>
<div class="out_div">
<input class="text1" type="text" /><input class="submit1" type="submit" value=""/>
</div>