地图鼠标样式（参考百度地图）

最新推荐文章于 2021-06-04 20:01:16 发布

原创最新推荐文章于 2021-06-04 20:01:16 发布 · 3.4k 阅读

1 ·

CC 4.0 BY-SA版权

CSS 同时被 2 个专栏收录

14 篇文章

订阅专栏

兼容性

9 篇文章

订阅专栏

本文介绍如何使用CSS设置网页中鼠标的样式，包括正常状态及点击后的样式变化，并提供了具体的应用实例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、获取图标

点击连接并保存

closedhand.cur

openhand.cur

2、CSS样式

       /*鼠标样式*/
      .chart-cursor-d3 {
        cursor: url("assets/img/charts/openhand.cur") 8 8, default;
        cursor:grab; /*IE下兼容性处理*/
      }
      /*:active 模拟点击后改变样式效果*/
      .chart-cursor-d3:active {
        cursor: url("assets/img/charts/closedhand.cur") 8 8, default;
        cursor:grabbing; /*IE下兼容性处理*/
      }