搜索框內的材料圖標JS

Question

我希望搜索框位於搜索框內，但它顯示在搜索框的下方。 下面是代碼，

<section class="example"> 
      <section class="search-container"> 
       <input type="search" id="sampleSearchInput" ><i class="material-icons">search</i> 
      </section> 
     </section> 

CSS代碼 -

input[type="search"] { 
    padding-right:32px; 
} 

.search-container { 
    position:relative; 
    width:20%; 
    margin-left:55%; 

} 

.search-container > input[type="search"] + span { 
    position:absolute; 
    top:12px; 
    right:10px; 
} 

怎麼可能是錯的？

Answer 1

添加這個你你的CSS

.material-icons{ 
    position: absolute; 
    top:0; 
}