伪元素不可点击

Question

我将箭头放置为:在可点击的瓷砖的伪元素之后.尽管将高度/宽度设置为0,它仍会产生无法点击的盲点.

代码在这里:http://cdpn.io/vpjCg

要查看问题,请将光标滚动到平铺链接上,然后滚动到右下角的字符上.

是否有CSS属性或其他解决方案将:after元素设置为鼠标光标不可见,以便整个区域可单击？

Answer 1

伪元素属于它们的父元素 - 如果它们的父元素是可点击的(button,a)那么伪元素也是如此.与DOM元素类似,如果DOM元素绑定了click事件侦听器,则直接单击DOM元素或其上的伪元素时将触发它.

编辑

除了我的回答之外,您还可以使用CSS属性pointer-events并将值设置为"点击"元素来"点击"元素none.适用于所有现代浏览器(IE9及更高版本)https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events