我将向你解释如何在html中设置不可点击。相信朋友们也要密切关注这个话题。现在来说说如何在html中为好友设置不可点击。边肖还收集了关于如何在html中设置不可点击的相关信息。希望你看到的时候会喜欢。
在html中,可以使用pointer-events属性,通过设置元素的鼠标事件failure来实现元素的不可点击效果。您只需要设置“指针事件:无无;”样式就可以了。
本教程运行环境:windows7系统,CSS3HTML5版本5,Dell G3电脑。
Html设置不可点击
通过将元素的pointer-events属性设置为none,就不能单击该元素。这个方法是通过设置元素的鼠标事件failure来实现元素不能被点击。
Css代码:禁用{
指针事件:无;
}示例:
const disabled=true
按钮className={禁用?disabled ' : null } Click/button style。已禁用{
指针事件:无;
//设置指针-events : none;再次设置光标没有任何效果。
}/风格效果图:
注意:
当指针事件的值为none时,如果元素是绝对定位的,则可以选择它下面的元素。
指针事件:无;仅用于禁用鼠标的事件仍将由通过其他方式绑定的事件触发,如键盘事件。
如果一个元素的子元素pointer-events设置为其他值(比如auto),那么当子元素被点击时,父元素的事件仍然会以事件冒泡的形式开始。
(学习视频分享:css视频教程,《html视频教程》)以上是如何在html中设置不可点击的细节。请多关注php中文网的其他相关文章!
来源:php中文网
标签:
免责声明:本文由用户上传,与本网站立场无关。财经信息仅供读者参考,并不构成投资建议。投资者据此操作,风险自担。 如有侵权请联系删除!