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

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


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

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

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


3 комментария

cinemas_su
Юзер

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

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

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

Gopr
Юзер

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
Юзер

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

Gopr,

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

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

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

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

наверх