Как установить фоновое изображение для тега ввода?

Question

У меня есть этот код атм:

<form id="" class="cf" action=""> 
     <div class="input_wrap cf"> 
      <label for="test"></label> 
      <input id="test" type="text"> 
     </div> 
    </form> 

и вот CSS код:

.test { 
     display: inline-block; 
     max-width: 100%; 
     background: url("../img/magnifying_glass_icon.svg") no-repeat right; 
} 

Где может быть проблема? Пробовал много вариантов Спасибо

Answer 1

Попробуйте

#test 
{ 
    display: inline-block; 
    max-width: 100%; 
    background: url("../img/magnifying_glass_icon.svg") no-repeat scroll center right; 
} 

Answer 2

Попробуйте это

.test { 
     display: inline-block; 
     max-width: 100%; 
     background: url("../img/magnifying_glass_icon.svg") no-repeat scroll center right; 
}