javascript - 图标使按钮不可点击

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;
}

pointer-events docs