图标使按钮不可点击

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