图标使按钮不可点击

Question

我有一个按钮，上面有一个绝对定位的搜索图标。按钮在边缘上工作正常，但在图标上则不行。搜索图标的整个部分都无法单击该按钮。图标放置代码.custom-position {right: 32px;position: absolute;top: 27%;}是否可以使按钮在图标占据空间的地方可点击？

Answer 1

您可以尝试添加：pointer-events: none到您的图标/图像。

例子：

.custom-position {

  right: 32px;

  position: absolute;

  top: 27%;

  pointer-events: none;

}