效果图,搜索的图标在输入框里
代码:
<div style="position: relative"> <input id="test_suggest" name="search" value="酒仙桥" style='display: inline-block'> <span class="glyphicon glyphicon-search" style="left: 150px;top: 5px;position: absolute"> </span> </div>
注意 position 和display 的设置。如果图标在输入框的下边时,style 里面加个top,然后设置合适的值
ul 不能左对齐的问题
margin: 0px;padding: 5px;
给ul里面margin 和 padding 设置 合适的值即可