Input placeholder with icon

by labanino

HTML

<div id="login">
    <input placeholder=" Username">
</div>

CSS

#login {
    padding: 20px;
}
input {
    padding: 5px;
}
#login input.username::-webkit-input-placeholder::before {
    font-family: glyphicons;
    content:'\e603';
}
/* firefox 19+ */
 #login input.username::-moz-placeholder::before {
    font-family: glyphicons;
    content:'\e603';
}
/* ie */
 #login input.username:-ms-input-placeholder::before {
    font-family: glyphicons;
    content:'\e603';
}
#login input.username input:-moz-placeholder::before {
    font-family: glyphicons;
    content:'\e603';
}