搜索栏中的输入图标

Question

I am trying to input a search icon in the search bar. This is my code that I have used, but the icon is outside the input bar. I would like it to be inside the on the rightmost side.

                    <div class="search">
                    <i class="el-icon-search"></i>
                    <el-input placeholder="Search term"></el-input></div>

Answer 1

you should give a style for the icon , such as

 i{ position: absolute; left: 2px; }