Input输入框中加入小图标
2016-07-28 17:35
369 查看
今天遇到一个问题，怎么在Input输入框中加入小图标，实现效果如下：
解决方法是把图标当初背景图片，然后使用padding使得输入的内容向右移动，这样图标就显示出来了
代码如下：
解决方法是把图标当初背景图片，然后使用padding使得输入的内容向右移动，这样图标就显示出来了
代码如下：
.login .login_form .login_username{background:url(../images/login_yonghu.png) no-repeat 0 0;background-position: 15px 10px; height:40px;width:286px;padding-left:49px;padding-top:10px;padding-bottom:10px;line-height:20px}
.login .login_form .login_password{background:url(../images/login_mima.png) no-repeat 0 0;background-position: 15px 10px; height:40px;width:286px;padding-left:49px;padding-top:10px;padding-bottom:10px;line-height:20px}
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐