首页 > 代码库 > 带图标的input

带图标的input

2024-11-05 10:28:49   204人阅读

<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>

带图标的input


联系
我们