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

问题描述

问 题

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

解决方案

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

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

这篇关于html - 在一个input框加上一个按钮，按钮上加上一个字体图标，这个字体图标会覆盖部分按钮的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！