.disabled { pointer-events: none; } .enabled { pointer-events: auto; }
pointer-events属性用于指定元素是否可响应鼠标事件。pointer-events:none; 可以禁用元素的点击效果,而pointer-events:auto;可以启用元素的点击效果。通过在HTML文档中添加这些类名,可以轻松控制元素的点击效果。
需要注意的是,pointer-events属性在IE浏览器中不起作用。在这种情况下,您可以尝试使用JavaScript解决问题。
总之,pointer-events属性是一种很好的控制元素是否可响应鼠标事件的方法。通过在CSS中设置类名,在需要时随时启用或禁用元素的点击效果。这是CSS3的又一项实用功能。