在一个input框加上一个按钮，按钮上加上一个字体图标，这个字体图标会覆盖部分按钮

Question

在一个input框加上一个按钮，按钮上加上一个字体图标，这个字体图标会覆盖部分按钮，导致该部分不能触发点击事件，我该怎么处理这个字体图标和按钮才能让一个搜索按钮变成一个放大镜图标显示？

Answer 1

学会使用label绑定input；下例，点击label之内的元素都会触发input按钮事件

<label for='input的id'><input type="button" id="button" > <img src="../" ></label>

Answer 2

类似 http://v3.bootcss.com/compone... 这样的？