pointer-events: none 的两个应用场景

程序员零花钱码上见 

 

pointer-events: none 属性。

该属性有什么用？借用 CSS3 pointer-events:none 应用举例及扩展 的总结来说：

pointer-events: none 顾名思义，就是鼠标事件拜拜的意思。元素应用了该 CSS 属性，链接啊，点击啊什么的都变成了 “浮云牌酱油”。pointer-events: none 的作用是让元素实体 “虚化”。例如一个应用 pointer-events: none 的按钮元素，则我们在页面上看到的这个按钮，只是一个虚幻的影子而已，您可以理解为海市蜃楼，幽灵的躯体。当我们用手触碰它的时候可以轻易地没有任何感觉地从中穿过去。

使用案例：让<select style="pointer-events: none;"> 点击不出现下拉