css中控制鼠标手型的属性(以及js控制)

最新推荐文章于 2024-12-31 17:51:38 发布

法尔佳D罗

最新推荐文章于 2024-12-31 17:51:38 发布

阅读量6.6k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： javascript css

本文链接：https://blog.youkuaiyun.com/sinat_17846133/article/details/52170787

JavaScript 专栏收录该内容

4 篇文章

订阅专栏

本文介绍CSS中不同光标的使用方法及通过JavaScript进行动态控制的技术细节。列举了多种预定义光标类型，如手形、十字准星等，并展示了如何使用JS更改元素的光标样式。

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

<span style="cursor:pointer">手形</span> 
<span style="cursor:crosshair">十字</span> 
<span style="cursor:text" >文本光标</span> 
<span style="cursor:wait" >等待</span> 
<span style="cursor:default" >默认</span> 
<span style="cursor:help" >问号</span> 
<span style="cursor:e-resize" >左右箭头</span> 
<span style="cursor:s-resize" >上下箭头</span> 
<span style="cursor:auto" >系统自动给出效果</span>
<span style="cursor: url(aaa.cur');">自定义图标</span>
=======================分隔线=============================

js控制方式:
document.getElementsByTagName_r("span"[0].style.cursor="pointer" //手型

以此类推