Как изменить спрайт на остальных полях?

Question

[M_Master]

Иконки форму нужно вставить спрайтами, но на полях e-mail и телефон спрайт не двигается. Возможно, я выбираю неправильный класс или значение?

https://codepen.io/MariaRia/pen/zYqWRWj

Comments

[Евгений]

Судя по коду, у вас один стиль на все формы. Добавьте класс каждой форме и уже двигайте спрайт

Answer 1

[Steppp]

Вообще спрайты по другому делаются! У тебя есть sprite.svg в котором все иконки, и ты от туда достаешь иконку по id!

Comments

[Андрей Брекоткин]

У него спрайт в jpg и оттуда по id ничего не вытащить

[Steppp]

Андрей Брекоткин, Исправил кодпен)))

[M_Master]

Спасибо, запутался с классами. Не знал, куда/чему добавить класс.

[M_Master]

Steppp, Андрей, а подскажите, как вставить тот же спрайт в textarea. Спасибо!

[Steppp]

M_Master, так же добавь класс form

<div class="form form-group">
            <label for="textarea">Сообщение:</label>            
            <textarea id="textarea" class="form-inline" type="text" placeholder="Текст сообщения"></textarea>
          </div>

и в css в конце

.form-group::before{
    background-position: 118px 0; 
}

[Steppp]

M_Master, В кодпене изменил textarea! Там поправишь в css left top! Или в самой textarea padding-left: 40px
там уже как хочешь позиционируй! в css в самом конце у .form-group::before