Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Стили (CSS) Как вставить иконку в окно input

Как вставить иконку в окно input


     30.01.2014    Стили (CSS), jQuery    5926

вопрос
Подскажите пожалуйста, как вставить иконку в окно input желательно без подключения библиотек.
Как вставить иконку в окно input

Ответа пока нет


Комментарии пользователей (3)

cinemas_su
3 | 2

cinemas_su - 30 января 2014 20:59 - Юзер

В CSS добавить стиль

input {
background: url(ссылка на иконку) no-repeat;
background-position: 0 50%;
}

Gopr
10

494 | 164

Gopr - 30 января 2014 21:19 - Юзер

Ага и все input-ы будут с иконкой...
<input type="text" name="login_name" id="login_name" value="" placeholder="Адрес эл.почты">

<input type="password" name="login_password" id="login_password" value="" placeholder="Пароль">

/* Общий стиль для выравнивания иконок */
input#login_name, input#login_password {background-repeat:no-repeat;background-attachment:scroll;background-position:0 center;padding-left:18px}
/* Иконка в Адрес эл.почты */
input#login_name {background-image:url('http://www.shtogrin.com/design/form/input_with_ico/user_16.gif')}
/* Иконка в Пароль */
input#login_password {background-image:url('http://www.shtogrin.com/design/form/input_with_ico/user_lock_16.gif')}

cinemas_su
3 | 2

cinemas_su - 30 января 2014 23:02 - Юзер

Gopr,

Я просто пример показал ... Дальше сам ...

Само собой нужно указать ид инпута

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы