带图标的input

< style >

.text{

　　border:solid 2px #ccc;

　　width:400px;

　　height:40px;

　　background:url(http://d.lanrentuku.com/down/png/1211/blueberry/user_friend.png) no-repeat 0 center;

}

.text input{

　　float:left;

　　border:none;

　　background:none;

　　height:40px;

　　line-height:30px;

　　width:100%;

　　text-indent:32px;

}

</ style >

< div  class = "text" >

     < input  type = "text" />

</ div >

转载于:https://www.cnblogs.com/wangqiao170/p/7229721.html