如何設置輸入標籤的背景圖像？

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; 
}