html中如何设置不可点击


本文摘自PHP中文网,作者青灯夜游,侵删。

在html中,可以利用pointer-events属性,通过设置元素的鼠标事件失效来实现元素不可点击效果,只需要给元素设置“pointer-events:none;”样式即可。

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

html设置不可点击

通过设置元素的pointer-events属性设置为none,来实现元素不可点击。此方法是通过设置元素的鼠标事件失效来实现元素不可点击。

css代码:

1

2

3

.disable {

    pointer-events: none;

}

示例:

1

2

3

4

5

6

const disabled = true;

<Button className={disabled ? 'disabled' : null}>点击</Button><style>

  .disabled {

      pointer-events: none;

      // 设置pointer-events: none;再设置cursor是没有效果的

  }</style>

效果图:

阅读剩余部分

相关阅读 >>

css border-style属性怎么用

css文本框如何去掉边框

css如何设置超出部分隐藏

Html meta标签的作用是什么?Html meta标签的使用方法介绍

如何查看div被设置什么css样式

使用Html5可以干什么?Html5的优势和劣势(总结)

Html标题,段落,换行,水平线,特殊字符应该如何使用

css实现禁止选中文本

Html怎样在消息按钮上增加数量角标

用css怎么添加小图标

更多相关阅读请进入《Html》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...