微信小程序点击清除 input 内容，会穿透按钮点击到 input

Question

小程序开发在模拟器上点击清除正常在手机上测试时，如果input没有获焦点（即键盘没有弹出），也是可以点击清除的。但键盘弹出时点击清除会穿透按钮，点击input。如下图部分代码截图：wxss 清除按钮宽高足够，也设置了z-index。感谢解答！

Answer 1

把搜索框分成了两部分，左边是 input，右边为清除按钮。这样就避免了点击穿透到 input 了。