图标使按钮不可单击

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