css怎么控制按钮不可用CSS怎么控制按钮不可用,方法:添加“pointer-event 3360 none;”按钮元素样式,以使按钮元素永远不会成为鼠标事件的目标,并使其单击事件无效,您可以控制按钮不可用。
教程: windows 7系统操作环境,css3html5版本,戴尔G3电脑。
(学习视频分享:css视频教程
在HTML中,我们可以通过HTML的禁用或只读属性直接实现按钮不能被点击;在css中,点击事件失效可以通过使用指针事件属性来实现。
我们可以添加“pointer-events 3360 none”两种css样式来实现按钮不能被点击。
除了指示该元素不是鼠标事件的目标之外,指针事件属性的值为none,指示鼠标事件“穿透”该元素并指定该元素“下方”的任何内容。实现按钮上的单击事件无效。
示例:CSS使按钮不可用
!声明文档类型
超文本标记语言
头
meta charset=’utf-8 ‘
风格
按钮{
opacity: 0.5
/*设置蒙版效果*/
指针事件:无;
/*禁用鼠标事件*/
}
/style
/head
身体
按钮雷php知识/按钮
/body
/html描述:
指针事件样式的元素永远不会成为鼠标事件的目标。但是,当其子元素的指针事件属性指定其他值时,鼠标事件可以指向该子元素。在这种情况下,鼠标事件将在捕获或冒泡阶段触发父元素的事件侦听器。
使用指针事件来防止元素成为鼠标事件目标并不一定意味着元素上的事件侦听器永远不会触发。如果一个元素的后代显式地指定了指针事件属性,并允许它成为鼠标事件的目标,那么任何指向该元素的事件都将在事件传播过程中通过父元素,并以适当的方式触发其上的事件侦听器。当然,屏幕上父元素上而非子元素上的鼠标活动不会被父元素和子元素捕获(它将穿过父元素并指向它下面的元素)。
关于编程的更多知识,请访问:编程入门!以上是CSS怎么控制按钮不可用的细节。请多关注其他关于Lei.com PHP知识的相关文章!