pointer-events
作用:可阻止鼠标点击之类的事件
取值:
auto:默认值,元素可以接收鼠标事件。
none:元素不接收鼠标事件,事件会穿透到下面的元素。
visible:元素可以接收鼠标事件,但是如果事件发生在元素的透明部分,那么下面的元素会接收事件。
hidden:元素不接收鼠标事件,但是事件不会穿透到下面的元素。
一些使用场景:
阻止某个元素接收鼠标事件,使得下面的元素可以接收事件。
在一个元素上覆盖一个透明的元素,使得下面的元素可以接收事件,但是鼠标指针看起来仍然在上面的元素上。
在一个元素上覆盖一个不透明的元素,使得下面的元素无法接收事件,但是鼠标指针看起来在上面的元素上。
user-select
作用:控制元素是否可以被用户选中。
取值:
auto:默认值,元素可以被选中。
none:元素不可以被选中。
text:元素中的文本可以被选中。
all:元素中的所有内容都可以被选中。