CSS的cursor属性设置无效?

突然发现一个问题,css的cursor属性设置无效。

代码很简单:

  <a href="http://www.baidu.com">没有手指</a>
  
  <div style="cursor: pointer;">块级元素也没有手指</div>

鼠标移动上去,竟然都没有反应,额,其实仔细看是有反应的,在接触到元素边缘的时候,有那么一瞬间会闪一下变成手指,随后立刻又变回箭头。不知是什么原因呢?

在windows、ubuntu和Mac下都试过了,只有Mac有这个问题,无论是Chrome还是Safari都出了这个问题~

点这里可以查看:https://jsbin.com/gemeraluye/...

阅读 28.1k
9 个回答

你的代码没有问题,看看是不是父元素有important ,重启大法好,重启下浏览器,或者还有一种可能,你浏览器里打开的文件不是你修改的文件,哈哈

我这边完全正常,可能是你的浏览器问题吧

用mac和chrome测试你的jsbin链接,没有问题。

图片描述

之前有人提问解决方法是,重启浏览器,或者在新窗口打开又会有效果。

新手上路,请多包涵

设置font-size:0px;

新手上路,请多包涵

解决了没有啊

新手上路,请多包涵

移动端肯定没效果 pc端才有效果

新手上路,请多包涵
1. 同样问题用** <el-link> **也没用的,万万没想到重启下浏览器就好了

如果是position: absolute,试试把 z-index 调大点看看

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题