伪元素不可点击

时间:2014-02-13 11:57:25

标签: html css

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

此处代码:http://cdpn.io/vpjCg

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

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

1 个答案:

答案 0 :(得分:14)

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

修改

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