• 当前位置
  • 首页
  • IT技术
  • 文章正文

css如何设置不可点击的实现方法CSSCSS教程网页制作

  • 作者:自动秒收录
  • IT技术
  • 发布时间:2022-05-08T22:24:07
  • 热度:

可以通过设置元素的pointer-events属性设置为none,来实现元素不可点击。

此方法是通过设置元素的鼠标事件失效来实现元素不可点击。

?
1pointer-events: none;

CSS pointer-events 属性定义元素是否对指针事件做出反应。

属性值 描述
auto 默认值。元素对指针事件做出反应,比如 :hover 和 click。
none 元素不对指针事件做出反应。
initial 将此属性设置为其默认值。参阅 initial。
inherit 从其父元素继承此属性。参阅 inherit。

示例:

?
123456789101112131415161718192021222324252627!DOCTYPE htmlhtmlheadstyle div.ex1 {pointer-events: none;}div.ex2 {pointer-events: auto;}/style/headbodyh1pointer-events 属性/h1p请把鼠标指针移至下面的链接,查看是否对指针事件做出反应:/ph2pointer-events: none:/h2div class="ex1"访问 a href="https://www.w3school.com.cn/html/"HTML 教程/a/divh2pointer-events: auto(默认)/h2div class="ex2"访问 a href="https://www.w3school.com.cn/css/"CSS 教程/a/div/body/html

注意:

到此这篇关于css如何设置不可点击的实现方法的文章就介绍到这了,更多相关css设置不可点击内容请搜索以前的文章或继续浏览下面的相关文章,希望大家以后多多支持!

原文链接:https://blog.csdn.net/qq_39997939/article/details/122572356

标签: css不可点击css设置不可点击

上一篇:常用Mime类型汇总网页制作心得技巧...
下一篇:软件资讯个人收款码可以一直使用吗?官方现...


发布评论