CSS中cursor:pointer的作用

最新推荐文章于 2024-06-18 15:16:57 发布
最新推荐文章于 2024-06-18 15:16:57 发布
阅读量3.9w 收藏 294
点赞数 75
分类专栏： CSS 文章标签： css css3 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sx_lz_1119/article/details/122189383
版权

CSS cursor属性 pointer 交互 鼠标指针
关键词由CSDN通过智能技术生成

cursor:pointer的作用

<div style={{ cursor: 'pointer', position: 'relative', float: 'right', marginTop: -14 }}></div>

cursor : 网页浏览时用户鼠标指针的样式或图形形状。
属性值：
default：默认光标（通常是一个箭头）
auto：默认，浏览器设置的光标
crosshair：光标为十字线
pointer：光标为一只手
move：光标为某对象可移动
text：光标指示文本
wait：光标指示程序正在忙（通常是一只表或者一个沙漏）

以上只是个人理解，有不同理解请各位大佬指教

sx_lz_1119
关注
  • 75
    点赞
  • 踩
  • 294
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
css的pointer鼠标类型详解(支持IE，firefox，chrome)
09-25
我们在DIV CSS布局时候，我们会遇到对对象内鼠标指针光标进行控制，比如鼠标经过指针变为手指形状等样式，接下来我们介绍鼠标指针样式cursor控制
css中position:relative和overflow:hidden之间的问题
09-25
在CSS布局中，`position`和`overflow`属性是两个非常关键的概念，它们共同决定了元素在页面上的定位和可见性。在本问题中，我们主要关注`position:relative`和`overflow:hidden`之间的交互，以及在不同浏览器（尤其...
【CSS】cursor属性的作用，怎么使用
最新发布
读心悦
06-18 880
cursor属性在CSS中用于定义元素在用户和浏览器交互时所显示的光标样式。它可以改变鼠标光标的外观，以提供更好的用户体验和交互性。通过cursor属性，可以为元素设置不同的光标样式，如箭头、手型、十字、等待、文本输入等。这些样式可以帮助用户更直观地了解元素的功能和操作方式。基本语法：属性值：自定义光标：使用示例：注意事项：总之，cursor属性是一个强大的工具，可以帮助你改善网站的用户体验和交互性。通过合理地使用cursor属性，你可以为用户提供更直观、更友好的界面。
css cursor属性设置显示的光标的类型（形状）
m0_65274248的博客
09-05 444
css cursor属性设置显示的光标的类型（形状）。
Css中cursor:pointer的作用(鼠标指针变小手)
Y2960018173的博客
12-14 1647
cursor : 网页浏览时用户鼠标指针的样式或图形形状。wait：光标指示程序正在忙（通常是一只表或者一个沙漏）cursor:pointer的作用（鼠标指向的样式）default：默认光标（默认是一个箭头）auto：默认，浏览器设置的光标。crosshair：光标为十字线。pointer：光标为一只手。move：光标为某对象可移动。text：光标指示文本。
css cursor鼠标指针光标样式default pointer hand url
rongaimeng的专栏
12-26 1604
Css cursor鼠标指针鼠标光标样式教程篇 我们在DIV CSS布局时候，我们会遇到对对象内鼠标指针光标进行控制，比如鼠标经过指针变为手指形状等样式，接下来我们介绍鼠标指针样式cursor控制。系统默认鼠标指针样式外，可以通过CSS设置图片为鼠标指针，常见有些网站鼠标指针是各种各样小图片样式，当然这个是通过css cursor设置鼠标样式。 扩展阅读：css指针 一、cursor语法
cursor: pointer；
great_sz的博客
06-07 5839
是css的一个属性，用于设置鼠标指针在元素上的样式为手型。
cursor:pointer 什么意思?
diemi9921的博客
07-13 6630
cursor规则是设定网页浏览时用户鼠标指针的样式，也就是鼠标的图形形状cursor：pointer设定鼠标的形状为一只伸出食指的手，这也是绝大多数浏览器里面鼠标停留在网页链接上方时候的样式另外可以选择其他鼠标指针样式，常用的有default 箭头，crosshair 十字，progress 箭头和沙漏等等 转载于:https://www.cnblogs.com/XACOOL/p/56...
css鼠标样式 cursor: pointer
uaena的博客
08-15 852
cursor: none; cursor:not-allowed; 禁止选择 user-select: none
cursor:hand与cursor:pointer的区别介绍
12-12
cursor:hand 与 cursor:pointer 的效果是一样的，都像光标指向链接一样，光标变成手行。...pointer：指针 附：cursor属性收集 光标类型 CSS 十字准心 cursor: crosshair; 手 cursor: pointer; cursor: hand; 写两个
postcss-pointer:一个PostCSS插件来替换`pointer'
05-26
后指针 甲插件替换pointer: cursor与cursor: pointer 。为什么？ 由于此推文： : 例子输入： . elem { pointer : cursor;} 输出： . elem { cursor : pointer;}用法安装： npm install postcss-pointer --save-dev...
css cursor 的可选值（鼠标的各种样式）
12-01
CSS中的`cursor`属性用于控制鼠标指针在页面上的显示样式。这个属性允许开发者根据不同的交互情况设置不同的鼠标光标，以提供更好的用户体验和视觉反馈。以下是对标题和描述中提到的一些`cursor`可选值的详细解释： ...
css-button:这只是由高级CSS制作的按钮
03-27
在网页设计中，CSS（Cascading Style Sheets）扮演着至关重要的角色，它负责定义页面元素的样式，包括颜色、字体、布局等。本话题聚焦于一个特定的应用场景：使用高级CSS技术创建出吸引人的按钮。标题“css-button:...
cursor：pointer ?
晨晨晨的博博博客
10-05 778
cursor规则是设定网页浏览时用户鼠标指针的样式，也就是鼠标的图形形状 cursor：pointer设定鼠标的形状为一只伸出食指的手，鼠标停留在网页链接上方时候的样式 其他鼠标指针样式 default 箭头，crosshair 十字 ...
cursor:pointer属性,鼠标经过或点击有小手样式
热门推荐
weixin_50255994的博客
10-15 3万+
cursor:pointer属性是在计算机中将光标呈现为指示链接的指针（一只手） 拓展:
cursor: pointer 是什么?
weixin_45974687的博客
04-02 4488
cursor: pointer 当鼠标移上去，变成手的形状 ,移出去还原
cursor:pointer
风之子的专栏
04-09 4557
这是css里的吧 意思就是鼠标指针变成 手 的形状，和放到链接上面的鼠标指针一样 padding是设置div周围空白宽度
cursor: pointer
07-28
引用\[1\]中提到了cursor: pointer的作用是将鼠标光标形状设置为手型。这通常用于指示某个元素可以被点击或交互。在引用\[3\]中的示例中，当鼠标移动到data-field为"detailId"的th元素上时，通过设置tdObj.style.cursor = "pointer"，将鼠标光标形状设置为手型，以提示用户该元素可以被点击。 #### 引用[.reference_title] - *1* [CSS中cursor:pointer的作用](https://blog.csdn.net/sx_lz_1119/article/details/122189383)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [cursor:hand 与 cursor:pointer的区别介绍](https://blog.csdn.net/u013108335/article/details/43636185)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [style=‘cursor:pointer‘](https://blog.csdn.net/weixin_43862596/article/details/116591266)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值