I want to make a picture before input. Does not work. Tell me ...

input { width: 27%; height: 40px; border-radius: 7px; border: 1px solid black; background-color: #ffffff; margin: 20px 40px 0 20px; color: #6f6f6f; font-family: 'Open Sans', sans-serif; font-size: 20px; font-weight: 300; padding-left: 10px; position: relative; } input::before { content: ''; position: absolute; top:0; left: 0; background-image: url(../img/name-bg.png); width: 30px; height: 30px; } 
 <input type="text" name="name" placeholder="Ваше имя" class="input-name">

  • one
    for input pseudo-elements don't work - soledar10

1 answer 1

Pseudo-elements cannot be applied to elements that do not contain anything. input , img including.