PHP设置按钮不可用,css怎么控制按钮不可用,button按钮css样式

css怎么控制按钮不可用CSS怎么控制按钮不可用,方法:添加“pointer-event 3360 none;”按钮元素样式,以使按钮元素永远不会成为鼠标事件的目标,并使其单击事件无效,您可以控制按钮不可用。

d5b1063b2f45b50786e95a9f7d67497a.png

教程: 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知识的相关文章!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值