cursor常用的属性值

最新推荐文章于 2024-02-02 16:30:24 发布
最新推荐文章于 2024-02-02 16:30:24 发布
阅读量549 收藏
点赞数 1
文章标签： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Kiruthika/article/details/108631972
版权

最近写项目的时候，需求是点击不做任何操作，而且鼠标悬停时要显示禁用的效果，此项目是属于后期维护项目，以前的同事是用的div没有用button，所以自然不能使用disabled的属性，那么此时就用到了样式：
cursor:no-allowed,当然需要把其以前写的点击事件去掉
在这里插入图片描述
当然 cursor:pointer 也在项目中经常用到

在这里插入图片描述

贝塔贝卡贝
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
html中cursor的属性,cursor怎么用？CSS中cursor属性的使用方法以及可选值的解析
weixin_29822105的博客
06-04 2万+
在页面布局时，CSS是工作中必不可少的部分，常听别人讲：HTML是一个人素颜的样子，加了CSS后是一个人化妆以后的样子。这句话通俗易懂，很好的诠释了CSS与HTML之间的关系。CSS中的属性非常多，今天就着重讲一个属性，即CSS cursor属性，以及它的很多可选值，比如：cursor 手型 就是用的 cursor:pointer 这个属性。cursor怎么用？一、CSS cursor 基本语法c...
pointer-event 和 cursor 属性 在div上实现button的disabled禁用效果
weixin_45695200的博客
11-10 1834
当按钮是用div写的时候，不能够像button一样直接使用disabled属性，此时可以通过 事件禁用样式 pointer-events: none; 和 鼠标悬浮禁用手势样式 cursor: not-allowed; 来实现类似button按钮disabled属性效果； 但是如果把这两个样式写在一个class里面，事件禁用样式会影响鼠标悬浮禁用手势样式，使得禁用状态无法显示。 解决：将 cursor: not-allowed 写在外层div上 <div class="A"> <d
disable小坑
weixin_47629406的博客
06-22 156
css
使用css中的cursor的属性设置按钮的禁用状态
Devio_001的博客
05-17 1万+
html如下: <button class="button">按钮</button> <button class="button disabled">禁用按钮</button> css如下: .button { border-radius: 4px; background-color:blueviolet; font-size: 18px...
cursor（鼠标手型）属性
weixin_45328388的博客
12-06 8914
㈠简单介绍在浏览网页时，通常看到的鼠标光标形状有箭头、手形、沙漏等，而在 windows 中实际看到的鼠标指针种类比这个还要多。一般情况下，鼠标光标的形状由浏览器负责控制，大多数情况的光标形状为箭头形状，当指向链接时，光标形状会变成手指形状。cursor 属性规定要显示的光标的类型（形状）。该属性定义了鼠标指针放在一个元素边界范围内时所用的光标形状。㈡属性值 ㈢属性简单讲解cursor属性的默认值为 auto， 它表示由浏览器根据当前上下文，自动确定最适合的光标类型。auto 与 default 不同，
CSSCursor属性所有值的说明
码奴一只猿
04-19 1721
在Web开发中，CSS Cursor属性是一个用来定义鼠标光标在特定元素上的外观的非常重要的属性。这个属性的使用非常简单，只需要在CSS中指定一个元素的Cursor属性的值即可。下面将为大家详细介绍CSS Cursor属性的所有可用值。
举例详解CSS中的cursor属性
12-08
在CSS中，`cursor`属性是一个非常有用的功能，它允许我们改变用户在页面上移动鼠标时看到的指针样式。本文主要介绍了两个实用的`cursor`属性组合：`zoom-in/zoom-out`和`grab/grabbing`，它们极大地增强了用户体验，...
css中属性值继承全面总结（推荐）
09-24
在CSS中，属性值继承是一项重要的机制，允许子元素从其父元素继承特定的样式属性。这大大减少了在样式表中重复定义相同属性的需求。然而，并非所有CSS属性都能被继承，理解哪些属性可以继承以及如何操作继承是优化...
顶级经典常用的CSS属性收集整理
10-30
本文将深入探讨标题中提到的一些顶级经典常用的CSS属性，帮助网页爱好者提升网页设计的美观度和功能性。 1. 文本两端对齐： 使用`text-align: justify;`可以实现文本在段落中的两端对齐，`text-justify: inter-...
常用css属性查询表
09-25
常用CSS属性查询表 CSS背景属性（background） * background：在一个声明中设置所有的背景属性 * background-attachment：设置背景图像是否固定或者随着页面的其余部分滚动 * background-color：设置元素的背景...
CSS属性cursor的所有取值
最新发布
m0_46335150的博客
02-02 1097
CSS属性cursor的所有取值你知道吗
CSS鼠标样式属性 cursor 的属性值
Allen的博客
06-21 2572
一、用法: 二、属性值： 三、jq控制css的cursor应用
光标 cursor 属性值详解
welnee的博客
10-10 570
curson 属性值详解
鼠标指针变化【web前端】
栊夕的博客
12-25 546
鼠标指针变化 <html> <meta charset="utf-8"> <head> <title>鼠标指针</title> </head> <body> <p>请把鼠标移动到单词上就可以看到鼠标指针发生变化：</p> <span style=...
cursor属性的常用值
数据库天地
02-10 1205
cursor属性规定了要显示光标的形状 该属性定义了鼠标指针放在一个元素边界范围内时所用的光标形状 1.默认。浏览器设置的光标&lt;span style="cursor:auto"&gt;Auto&lt;/span&gt; 2.光标呈现为十字线&lt;span style="cursor:crosshair"&gt;Crosshair&lt;/span&gt;&lt;br /&
CSS 鼠标样式 cursor属性
热门推荐
歪脖先生的博客
02-19 1万+
鼠标样式在浏览网页时，通常看到的鼠标光标形状有箭头、手形、沙漏等，而在 windows 中实际看到的鼠标指针种类比这个还要多。一般情况下，鼠标光标的形状由浏览器负责控制，大多数情况的光标形状为箭头形状，当指向链接时，光标形状会变成手指形状。为了创建丰富的Web应用，CSS中提供了 cursor属性，允许设计师为页面上的任何元素自定义鼠标光标的形状。如，把鼠标光标样式设置为 row-resize，表...
鼠标箭头样式改变和cursor属性
z2000ky的博客
05-29 1120
在上述示例中，我们在div标签的onmouseover属性中添加了changeCursor()函数作为内联方法。当鼠标移动到div元素上方时，该函数将被触发。函数内部通过修改style属性的cursor属性来改变鼠标的形状为指针（pointer）。要在鼠标移动到元素上方时改变鼠标样式，您可以使用内联方法结合JavaScript的。cursor属性有哪些值。
CSS中cursor的属性讲解
m0_63873004的博客
04-07 1155
//样式里面加上 cursor: pointer;
鼠标指针cursor的属性值
Kalimye的博客
04-15 777
cursor属性注释：请在此列表的末端始终定义一种普通的光标，以防没有由 URL 定义的可用光标。url需使用的自定义光标的 URL。default默认光标（通常是一个箭头）auto默认。浏览器设置的光标。crosshair光标呈现为十字线。pointer光标呈现为指示链接的指针（一只手）move此光标指示某对象可被移动。e-resize此光标指示矩形框的边缘可被向右（东）移动。ne-resize...
前端cursor的属性值及其含义
05-31
前端cursor属性用于设置鼠标指针的样式，常用的属性值及其含义如下： 1. auto：浏览器自动设置光标的类型。 2. pointer：光标呈现为指针，通常用于链接。 3. default：默认光标，通常用于文本。 4. text：光标呈现...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值