Создать иконку
- Подключить:
1) <!DOCTYPE html> в начале страницы
2) <link href="font-awesome.css" rel="stylesheet" type="text/css"/> и шрифты к нему (папка fonts)
- Вставить иконку куда-угодно: <i class="fa fa-github-alt"></i> - где fa-github-alt - класс картинки иконки
- Вставить иконку в input, submit, textarea и т.п.:
Используется label с CSS. Пример:
<label class="success1"></label>
<input type="text" style="padding-left: 23px"/>
CSS,который применяется к label - таким образом, label становится поверх input
label.success1{color:#339900;}
label.success1:after {
color: #339900;
content: "\f00c"; /* код картинки */
font-family: FontAwesome;
position: absolute;
padding: 1px 0px 0px 5px;
}
- Просмотреть пример