Css angular JS中搜索文本内的材质图标

我希望搜索图标位于搜索框内，但它显示在搜索框下方。 这是密码

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

可能有什么问题？

将此添加到css中

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

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