Question

想象一下，有两个元素，一个 <select></select> 标记，我在此选择中添加了一个向下箭头图标。问题是，如果用户点击箭头，我不想模拟选择中的点击，因为它太蹩脚......

所以我想知道是否可以使元素可见但允许用户点击后面的元素。好像元素是幽灵一样，你可以用光标传递它。

提前谢谢。

Answer 1

对于visible元素，您可以将指针事件设置为none。

#downarrow{
    pointer-events: none;
}

之后，只需将可点击的东西放在它下面即可。