|
pointer-events: none Como su nombre indica, significa que los eventos del ratón desaparecen. Cuando a un elemento se le aplica esta propiedad CSS, los enlaces, clics y similares se convierten en "nubes flotantes de salsa de soja". pointer-events: none se utiliza para "vaporizar" la entidad del elemento. Por ejemplo, un elemento botón que tiene aplicado pointer-events: none, el botón que vemos en la página, es sólo una sombra imaginaria, se puede entender como un espejismo, un cuerpo fantasmal. Cuando lo tocamos, podemos atravesarlo fácilmente sin sentir nada. Como sabes, input[type=text|button|radio|checkbox] soporta el atributo disabled, que desactiva el evento completamente. Si necesitas deshabilitar otras etiquetas de forma similar, puedes probar con pointer-events: none
Como ejemplo sencillo:
Se trata de un enlace en el que no se puede hacer clic, y el hover no tiene ningún efecto. (Vale la pena señalar que si sólo desactivas el evento del ratón, todavía puedes seleccionar el enlace con la tecla tabulador, y luego entrar para abrirlo, pero puedes quitar el atributo href de la etiqueta a para que no se pueda seleccionar con la tecla tabulador).
h ttps:// developer.mozilla.org/zh-CN/docs/Web/CSS/pointer-events
El valor por defecto es:
|
Previous:seeking: tecnología de construcción de instalaciones eléctricas arquitectónicas de principiante a maestroNext:encapsulamientoangular的三种使用方式
|