把a标签设置为不可点击,鼠标放上去让div变成小手样式

 把a标签设置为不可点击

 
<div style="pointer-events: none;">
    <a href="www.baidu.com">百度一下</a>    
</div>

給div添加了pointer-events: none样式后,div里面的所有点击事件都不会被触发

鼠标放上去让div变成小手样式

cursor:hand :IE完全支持。在firefox是不支持的,没有效果
cursor:pointer :firefox是支持的,但IE5.0既之前版本不支持,IE6开始支持。是CSS2.0的标准

方式一

<div style="cursor:pointer;">小手样式</div>

 方式二

<div id="handStyle">小手样式</div>


#handStyle:hover {
    cursor:pointer
}
cursor的其他取值
描述
url

需使用的自定义光标的 URL

注释:请在此列表的末端始终定义一种普通的光标,以防没有由 URL 定义的可用光标

default默认光标(通常是一个箭头)
auto默认(浏览器设置的光标)
crosshair光标呈现为十字线
pointer, hand光标呈现为指示链接的指针(一只手)
move某对象可被移动,移动光标
vertical-text水平I形光标
no-drop不可拖动光标
not-allowed无效光标
all-scroll三角方向标
e-resize矩形框的边缘可被向右(东)移动
ne-resize矩形框的边缘可被向上及向右移动(北/东)
nw-resize矩形框的边缘可被向上及向左移动(北/西)
n-resize矩形框的边缘可被向上(北)移动
se-resize矩形框的边缘可被向下及向右移动(南/东)
sw-resize矩形框的边缘可被向下及向左移动(南/西)
s-resize矩形框的边缘可被向下移动(南)
w-resize矩形框的边缘可被向左移动(西)
text文本,I形光标
wait程序正忙(通常是一只表或沙漏)等待光标
help可用的帮助(通常是一个问号或一个气球),帮助光标
  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值