将图标放在表单的输入元素中,然后移动图标

Put icon inside input element in a form and move the icon

提问人:Даниел Димитров 提问时间:12/21/2014 最后编辑:Даниел Димитров 更新时间:12/21/2014 访问量:578

问:

我输入输入图标,我正在尝试移动它。

从:

first

second

HTML格式:

<input type="text" name="username" placeholder="Въведе потребителско име ...">

CSS的

#contact input[name='username']{
    background:url('../image/icon/user.png'), #ebebeb;
    background-repeat: no-repeat, repeat;
    background-position: right;
    width: 355px;
    padding: 10px;
    padding-left: 10px;
    padding-right:55px;
    border: 0px;  
    margin-top: 6px;
    transition: box-shadow 0.3s;
}
HTML CSS 表单 输入

评论

0赞 waki 12/21/2014
您可以尝试在图像中添加该空间

答:

0赞 Anton 12/21/2014 #1

尝试

background-position: 0 5px 0 0;

而不是

background-position: right;

评论

0赞 Даниел Димитров 12/21/2014
谢谢你,我用 background-position: 380px 2px 修复它;
0赞 Bassem 12/21/2014 #2

尝试将其添加到您的 CSS 代码中

margin-right:10px;