html中如何设置不可点击

PHP中文网 JavaScript 百度已收录

本文摘自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>

效果图：

阅读剩余部分

相关阅读 >>

Html font标签如何设置字体大小？Html font标签属性用法介绍

css如何剪切元素??clip属性的使用

css 中伪类的使用（干货）

javascript怎么修改Html标签属性

css怎么去掉按钮的边框

css text-decoration属性怎么用

Html代码如何改成jsp代码

Html中的注释怎么写？Html中的注释符号又是什么？（附实例）

Html点击input没有出现光标怎么办

Html 空链接 href="#"与href="javascript:void(0)"的区别

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




标签：

打赏

取消

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

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

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

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

相关推荐

评论

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