您现在的位置是: 首页 » 网页代码 » css如何设置a链接不可点击
网页代码

css如何设置a链接不可点击

网站优化小编十月 23, 2019 20人已围观

在CSS中,可以通过设置a元素的pointer-events属性的值为为none来让a链接不可点击。下面网页制作代码教程栏目就来给大家介绍一下pointer-events属性,希望对大家有所帮助。

网站运营中栏目排名优化技巧

pointer-events属性设置或检索在何时成为属性事件的target。

语法:

pointer-events:auto| none | visiblepainted | visiblefill | visiblestroke | visible | painted |                fill | stroke | all

取值:

  • auto:与pointer-events属性未指定时的表现效果相同。

  • none:屏蔽所有鼠标事件

    元素永远不会成为鼠标事件的target。但是,当其后代元素的pointer-events属性指定其他值时,鼠标事件可以指向后代元素,在这种情况下,鼠标事件将在捕获或冒泡阶触发父元素的事件侦听器。

注:如果将一个元素的子元素 pointer-events 设置成其他值(比如:auto),那么当点击子元素时,还是会通过事件冒泡的形式出发父元素的事件。

示例:

<!DOCTYPE html><html><head><meta charset="UTF-8"><style>.box{pointer-events: none;}</style></head><body><a href="https://www.html.cn/">这是一个正常的链接</a><br /><br /><a class="box" href="https://www.html.cn/">这是一个不能点击的链接</a></body></html>

效果图:

网站运营中栏目排名优化技巧

文章评论

    发表评论

    电子邮件地址不会被公开。

站点信息
  • 站点运行:200天
  • 网站程序:Wordpress
  • 主题模板:bvseo
  • 文章统计:2538 条
  • 文章评论:5 条
  • 微信公众号:扫描二维码,关注我们