用于抓取光标(拖放)的 CSS

2023-12-11

我有一个 JavaScript Web 应用程序,用户需要抓住背景来移动整个屏幕。所以我希望当它们悬停在背景上时光标发生变化。这-moz-grab and -moz-grabbingCSS 光标非常适合此目的。当然,它们仅适用于 Firefox...其他浏览器是否有等效的光标?我是否需要做一些比标准 CSS 光标更自定义的事情?


如果其他人偶然发现这个问题,这可能就是您正在寻找的:

.grabbable {
    cursor: move; /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

 /* (Optional) Apply a "closed-hand" cursor during drag operation. */
.grabbable:active {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

用于抓取光标(拖放)的 CSS 的相关文章

  • 使用 JavaScript 跨浏览器的 Webkit 背景过滤器

    我看过这个令人惊叹的新演示 webkit backdrop filter blur Xpx 我想问如何用 JavaScript 重现这个至少在 Chrome 中工作但也可能在 Firefox 中工作的情况 演示 https webkit o
  • 如果满足条件,则在另一个转换期间添加并发转换

    我试图在转换运行时添加一个新的转换 条件是如果 bar1 宽度与 bar2 匹配 则条形会更改位置 我使用了transition tween来查看是否满足条件 当第二个转换开始时 第一个转换停止 我希望第一个转换继续运行直到其持续时间结束
  • CSS mix-blend-mode 可以与转换一起使用吗?

    显然 mix blend mode 不能很好地配合transform translate and z index 将其中任何一个应用到某些文本元素将立即取消混合混合模式效果 问题 这是一个已知的限制吗 有没有基于 CSS 的解决方法 我知道
  • CSS3 Flexbox:显示:box vs. flexbox vs. flex

    昨天我在学校找到了一个使用 CSS 3 Flexbox 声明的网站 我以前从未用过那个 所以我用谷歌搜索了一下 发现了很多不同风格的 Flexbox 语句 有些人写display box 一些使用display flexbox 和别的dis
  • 纯 CSS 三角形在 Firefox 中看起来很模糊

    我正在尝试使用本文中 CSS 技巧中使用的纯 css 三角形http css tricks com snippets css css triangle http css tricks com snippets css css triangl
  • VS2010中是否可以更改CSS验证方案

    我正在 VS2010 中编辑一个简单的 CSS 文件 编辑器似乎对 CSS 的理解相当有限 例如 my rule position relative 生成警告 Validation CSS 1 0 position is not a kno
  • 在弹性行中使用“nowrap”时,避免将最后一个元素推离屏幕

    我需要在一行内渲染很长的文本 以及该行末端 屏幕的近端 的图像 给定一个很长的文本 我必须简单地截断它 该文本现在应该进入第二行 因为它太长了 请看我的代码 如何避免将漂亮的表情符号挤出屏幕 请考虑到右侧的元素可能是动态的 所以给出固定宽度
  • 如何消除页面边缘的间隙?

    我已经将主体和两个 div 的边框 内边距和边距设置为 0px 但我似乎仍然无法摆脱差距 body padding 0px border 0px margin 0px width 100 height 100vh mainPage heig
  • CSS 特异性还是继承?

    我在这里看过类似的问题 但没有找到适合我的情况的问题 如果我正确地阅读了这篇文章 http css tricks com specials on css specificity http css tricks com specifics o
  • 样式表何时添加到 document.styleSheets

    我正在尝试使用 javascript 动态添加 css 样式表规则 例如示例 2here https developer mozilla org en DOM CSSStyleSheet insertRule 它在大多数情况下都有效 但似乎
  • 如何覆盖 CSS 模块文件中的全局 CSS?

    让我们说在我的global css我有一个 Next js 项目的文件 flex display flex justify content center align items center height 100 我也有一个Layout j
  • 如何使我的响应式网站在手机上支持“请求桌面网站”?

    我有一个响应灵敏的动态网站 Java Servlet 驱动且完全手工编码 由于它是一个返回数据表的科学站点 因此某些选项在较小的视口宽度下不可用 然而 可能有些用户更喜欢在桌面网站上挣扎才能访问这些选项 我希望适应他们 我的问题是 对于 i
  • 如何使用 Selenium WebDriver 获取 CSS 选择器?

    我正在尝试创建横幅菜单中显示的元素的动态 元素映射 包括为每个菜单显示的链接 该地图将存储在String 矩阵 它将用于不同的方法和测试 为此 我得到了元素的href属性并为菜单中显示的每个链接创建我自己的 CSS 选择器 这是我创建 CS
  • 如何将CSS应用于iframe?

    我有一个简单的页面 其中有一些 iframe 部分 用于显示 RSS 链接 如何将主页中相同的 CSS 格式应用到 iframe 中显示的页面 Edit 这不能跨域工作 除非有适当的CORS 标头 https developer mozil
  • 如何使用 Bootstrap 选项卡?

    我试图了解如何做到这一点 http getbootstrap com javascript tabs http getbootstrap com javascript tabs 我认为文档不够详细 因为我无法理解它是如何工作的 div cl
  • 当flex-wrap是wrap的时候,flex-shrink还有用吗?

    我不认为flex shrink and flex wrap wrap 在一起有意义 但我想知道我是否遗漏了一些东西 container background DDD width 300px height 100px padding 20px
  • 没有 jQuery 的纯 CSS 工具提示[重复]

    这个问题在这里已经有答案了 可能的重复 如何使用纯 CSS 创建 工具提示尾部 https stackoverflow com questions 5623072 how can i create a tooltip tail using
  • 如何用CSS让物体移动?

    我在页面中间并排设置了两个图像 对象 我希望它们彼此移动 就好像它们将要碰撞一样 并在它们放置在每个图像旁边时停止 因此 对于右侧的对象 我编写了以下代码 认为该对象应该从左向右移动 但结果与我的预期相去甚远 是否可以通过过渡来做到这一点
  • 无法使用 CSS 将宽度和高度应用于 -webkit-scrollbar

    webkit scrollbar width 5px height 5px webkit scrollbar thumb background color 808080 为什么宽度和高度属性不起作用 width用于垂直滚动条和height影
  • CSS3 Marquee / Ticker 动画最后没有空格

    我正在用 2 个项目集合构建字幕 旋转木马效果 循环两者item collection跨越translateX并不难 这里是小提琴 http jsfiddle net k1k3h2p0 但我不喜欢每个循环末尾的空白区域 知道两个集合的宽度可

随机推荐

  • Adobe Air - 检查互联网连接

    我正在使用 Adob e Flash CS 5 构建 Air 应用程序 我需要检查互联网连接是否可用 我遇到了这个错误 1172 找不到air net 定义 1046 未找到类型或不是编译时常量 URLMonitor 这是我的代码 impo
  • MySQL:复合索引全文+btree?

    我想要一个查询 它对一个字段进行全文搜索 然后对不同的字段进行排序 想象一下搜索一些文本文档并按发布日期排序 该表大约有 17M 行 它们在日期上或多或少均匀分布 这将在 Web 应用程序请求 响应周期中使用 因此查询最多必须在 200 毫
  • 如何连接到部署到 OpenShift 的 IBM MQ?

    我有一个带有 IBM MQ 的容器 Docker 镜像ibmcom mq 9 2 2 0 r1 暴露两个端口 9443 管理 1414 应用程序 OpenShift 中所有必需的设置均已完成 Pod 服务 路由 有两条路线 每个港口一条 h
  • 什么是整数类型?

    我看到了 golang core 并发现了这个 func make t Type size IntegerType Type IntegerType 和 Type 是什么意思 可以是C 吗 您的函数声明来自builtin包裹 builtin
  • 如何在 Gradle/IntelliJ 中添加测试资源根

    使用 IntelliJ 14 和 Gradle 2 2 中的 idea 插件生成 IntelliJ 项目 我可以通过以下方式添加新的测试源根用于集成测试 idea module testSourceDirs file src integra
  • 如何从 iphone corebluetooth api 列出已配对的蓝牙设备

    我正在尝试列出配对的蓝牙设备 我知道我可以使用retrieveConnectedPeripherals 获取已连接设备的列表 所以我的问题是如何以编程方式从 iphone SDK 获取配对设备 提前感谢大家 Regards Bhaban 你
  • php simplexml_load_file 带有破折号 ( - )

    嗨 我正在努力从 php 中的 xml 文件获取数据 xml 文件在这里 http musicbrainz org ws 2 artist 8bfac288 ccc5 448d 9573 c33ea2aa5c30 inc release g
  • 在 ObjectAnimationUsingKeyFrames 中使用 TemplateBinding

    我尝试设置鼠标悬停在控件上时的背景颜色 我尝试通过视觉状态管理器来做到这一点 我能够运行以下代码
  • form.valid() 不应显示验证文本?

    With Jquery validate required fields are showing popup validation on fileds like below pic 我喜欢这个并且工作得很好 但我检查 form valid
  • 从服务器导入 LESS

    在我的 ASP NET MVC 应用程序中 我有一个返回 LESS 变量的操作 我想将这些变量导入到我的主 LESS 文件中 由于 DotLess 只会导入扩展名为 less 或 css 的文件 因此推荐的方法是什么 我发现最简单的解决方案
  • 如何使用泛型实现类型安全?

    我有课 public class ReportItem
  • pyqt5中的连接功能不起作用

    我最近从pyside to pyqt5有一个问题 我在网上查了一下 显然 这已经发生在使用过的人身上pyqt4并搬到pyqt5 然而 它并没有真正帮助 我尝试添加pyqtSignal after Qobject但它仍然不起作用 请帮忙 这些
  • 创建性能计数器时 Azure 模拟器出错

    我正在尝试测量 Azure 项目上的处理器负载 在运行模拟器时 我在模拟器控制台中收到如下错误 MonAgentHost Error MA EVENT 2012 10 10T12 15 06 982Z MonAgentHost Error
  • 阿拉伯语的布局方向不是根据区域设置确定的(Mac 和 Linux)

    有没有人设法从用户 的语言设置中推断出正确的布局方向 从左到右和从右到左 我在将应用程序本地化为阿拉伯语 沙特阿拉伯 语言环境时遇到问题 检测当前区域设置以及加载和安装适当的 QTranslators 都可以正常工作 文本在 Linux 上
  • 这是php中的快速进程strpos()/stripos()或preg_match()

    我只是想知道 php 中的 strpos stripos 或 preg match 函数中哪一个更快 I found 这个博客针对您的问题运行了一些睾丸 结果是 strpos 比 preg match 快 3 16 倍 stripos 比
  • 按顺序收集值,每个值包含一个地图

    当迭代代码中由主题函数返回的返回映射时 键未按顺序出现 如何使键按顺序排列 对地图进行排序 以便键按顺序且值相对应 Here is the code The Go 博客 Go 地图的实际应用有一个很好的解释 当使用范围循环迭代映射时 迭代顺
  • Postgresql 中子字符串的区别

    最近几天我在查看 PostgreSQL 手册 我注意到substring 在那里解释为substring string FROM int FOR int 我通常只使用substring string int int 因为我是从 MySQL
  • python selenium 鼠标滚轮点击

    我有一个问题 是否可以在 python selenium 中模拟鼠标滚轮单击 当您单击链接时 浏览器中会打开一个新选项卡 或类似的东西 我使用的网站是基于 JavaScript 的 所以我看不到物理链接 您需要执行 JavaScript 代
  • Electron-forge 和 osx 签名应用程序导致“二进制文件签名不正确”。

    我使用以下 功能 开发了一个电子应用程序 Base 电子锻造 开始 制作和发布 电子open url功能 方案 xx note node keytar 获取和设置密码 无框应用程序 透明窗户 自动更新 with Nucleus 正在开发 W
  • 用于抓取光标(拖放)的 CSS

    我有一个 JavaScript Web 应用程序 用户需要抓住背景来移动整个屏幕 所以我希望当它们悬停在背景上时光标发生变化 这 moz grab and moz grabbingCSS 光标非常适合此目的 当然 它们仅适用于 Firefo