2022年03月04日整理发布:html中如何设置不可点击

陶园露

我将向你解释如何在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中文网

标签:

免责声明:本文由用户上传,与本网站立场无关。财经信息仅供读者参考,并不构成投资建议。投资者据此操作,风险自担。 如有侵权请联系删除!