调整 CSS 自定义鼠标光标的大小

2023-12-14

是否可以调整使用自定义图像 URL 的 CSS 鼠标光标的大小?例如:

cursor: 'url(resources/images/custom-cursor.png), auto';

图像太大,我无法找到通过设置图像 URL 来设置其样式的方法。我知道我可以用新的尺寸保存图像,但如果可能的话,我宁愿在客户端上设置尺寸。


检查了一下,我想不可能本地改变光标的大小。您可以做的一件事是使用以下代码隐藏光标:

cursor: none;

并使用跟随光标的图像,并使用 CSS 对其进行样式设置,因为它width and height。这是一般做法。

刚刚尝试过一些东西:

$(function () {
  $("#testarea").mousemove(function (e) {
    $(".cursor").show().css({
      "left": e.clientX,
      "top": e.clientY
    });
  }).mouseout(function () {
    $(".cursor").hide();
  });
});
#testarea {
  border: 1px dashed #ccc;
  height: 100px;
  cursor: none;
}
.cursor {
  position: absolute;
  width: 25px;
  height: 25px;
  left: -100px;
  cursor: none;
  pointer-events: none;
}
<script src="https://code.jquery.com/jquery-2.2.4.js"></script>
<div id="testarea"></div>
<img src="//placehold.it/200?text=Cursor" alt="Cursor" class="cursor" />
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

调整 CSS 自定义鼠标光标的大小 的相关文章

  • 在纯 css3 循环中按顺序对元素进行动画处理

    我正在尝试在完整的 css3 动画中按顺序对元素进行动画处理 似乎非常直接的答案是使用动画延迟 但是我想要这个循环 有什么想法如何使动画无限循环吗 我找到了这个fiddle http jsfiddle net cherryflavourpe
  • 如何在 Quill(富文本编辑器)中检测和修剪前导/尾随空格?

    如何检测并删除前导 尾随空格Quill https quilljs com 哪个是富文本编辑器 例如 样本HTML下面代表Quill文本的输出 nHi 我们想要检测并删除由以下命令创建的每个文本块的前导和尾随空格Quill 不适用于整个文档
  • 在 jQuery Mobile 中设置 Listview
  • 高度
  • 我正在尝试调整大小 li 在我的 jQuery 移动网站 listview 中 似乎无法在 CSS 中找到合适的类来执行此操作 我基本上调整了一些元素的大小 页眉和页脚等 我有五个 li li 按钮垂直堆叠 按钮和页脚下方有间隙 我只想设置
  • 位置固定,无顶部和底部

    我发现了有趣的功能 但找不到它发生的原因 所以 我们有固定位置元素 它位于 body 下方 第一个元素有样式 firstEl width 100 height 200px background color green 第二个元素有 fixe
  • 将阿拉伯语文本导出为图像

    我有一堆 UTF 8 格式的阿拉伯文本 我尝试显示此设备的设备不支持显示阿拉伯语文本 因此 我需要将文本转换为图像 我想将每行文本保存为具有特定宽度的图像 我还需要使用特定的字体 做这个的最好方式是什么 有人知道这里有一个有用的工具吗 到目
  • 使用 css3 列 - 如何获取元素位置?

    为了将长 html 文件与列分开 我使用了 css3 列 padding 0px height 1024px webkit column gap 0px webkit column width 768px 我想获取指定元素的位置 所以我使用
  • 如何在CSS中嵌套多个计数器?

    我想用 CSS 嵌套两个不同的编号 以获得如下所示的自动编号 1 第 1 节 1 1 小节1 1 2 小节1 2 第 2 节 2 1 小节2 2 2 小节2 这是我实现这一目标的尝试
  • 标题的固定高度和更改宽度(HTML 表格)

    我需要确保表格标题的高度是固定的 并且宽度是根据标题单元格内容进行调整的 标题文本最多显示两行 我们如何使用样式来做到这一点 另外 我想确保表行的宽度与标题行的宽度相同 即标题行决定宽度 注 目前 交易部门负责人别名 是按行排列的 它需要分
  • 文本区域下的额外填充

    我的文本区域下面有额外的填充 但我似乎找不到它的来源 我已将单独的代码放在此页面上 http jsfiddle net wfuks http jsfiddle net wfuks 我似乎找不到它的来源 它有类 field field bac
  • 如何在游标中使用嵌套表

    CREATE PROCEDURE p cur OUT a cur IS type rec is record a varchar2 2 b number c number type tab is table of rec tab1 tab
  • IE8/9 - CSS 文件的最大字节数

    我目前正在开发的应用程序有过多的 CSS 样式 我们似乎已经达到了 IE8 9 以及它可以加载的 CSS 数量的某种限制 在某些时候 它会停止解释 CSS 从而破坏某些页面上的样式 我们正在使用 Combres 来压缩 缩小导致 CSS 文
  • 复制 Chrome 默认输入的轮廓样式

    如何设置默认 Chrome 输入的轮廓样式 焦点上为橙色 使其在每个浏览器中看起来都相同 Chrome 风格似乎是textarea focus outline rgb 229 151 0 auto 5px outline offset 2p
  • scipy.misc.imshow RuntimeError('无法执行图像视图')

    我正在测试scipy misc imshow https docs scipy org doc scipy 0 15 1 reference generated scipy misc imshow html我得到了运行时错误 无法执行图像查
  • 占位符不适用于 Internet Explorer

    我的应用程序出现了小问题 Internet Explorer 11 上不存在占位符 我尝试了下面的 CSS 示例 但没有成功 ms input placeholder IE10 11 color ccc important font wei
  • 如何使单词中的每个字母在悬停时发生变化

    假设我的网站上某个段落中有一个单词 IamGreat 我希望它在悬停时更改为 Good4you 但是 我不想更改整个单词 而是希望每个字母单独更改 因此 如果我将鼠标悬停在字母 I 上 它将变成字母 G 字母 r 将变成数字 4 等 这两个
  • 有没有一种方法可以使页面布局在 100% 缩放下完美契合,同时又尊重更大的缩放系数?

    有多种方法可以布局网页 使其适合浏览器视口 DOMwindow 当我说 适合 时 我包括更改所用字体的大小 更改 DIV IMG 和其他渲染元素的宽度和高度 以及允许元素 流畅 移动 目标是使页面在所有显示设备 从小型手机到大桌面屏幕 上看
  • 向 Twitter Bootstrap 添加新字体系列

    我怎样才能按照他们的方式将新的字体系列添加到 twitter bootstrap 中 他们使用一种叫做 woff 的东西 我正在尝试将 roboto 添加到 css 文件中 我怎样才能像他们那样做 woff 的事情呢 font face f
  • 透明、无边框文本输入

    如何删除周围的边框
  • 禁用 iframe 中的滚动

    有没有办法在 iframe 中禁用所有滚动 我有一个 iframe 其中内容超出了 iframe 尺寸 设置scrolling no 只会删除滚动条 但不会禁用滚动 我无法控制 iframe html 的头部 所以我无法设计它的样式 有任何
  • CSS3 背景渐变未验证,有人可以告诉我为什么吗?里面的代码示例

    有人能告诉我为什么下面的 css 没有验证吗 我一直在尝试自己研究这个问题 但没有运气 我读过的所有文档都说这是在 css3 中进行渐变的正确原因 header color white font size 12px font family

随机推荐

  • 两个文本字段的总和 - javascript

    我在网上找到了 this 1 相当困难的 javascript 示例 并且我已经在我的网站上成功实现了它 但是 在本例中 我希望在一个新文本字段中获得两个小计的结果 传统的getElementbyId and total value tot
  • Mongoose:定义未找到文档的 404 状态不起作用

    我正在学习 MongoDB 和 mongoose 现在我在为我的路由处理程序定义 404 状态时遇到问题 这是代码 app get users id async req res gt const id req params id try c
  • Sql 层次结构 ID 按级别排序

    是否可以按层次结构 id 对层次结构中的 sql 数据进行排序 然后对每个级别按字母顺序排序 假设我们有一个员工表 其中根据员工 ID 列出了组织层次结构 鲍勃 5 有菲尔 17 和查理 28 向他汇报 乔西 6 有泰勒 15 和迈克 56
  • VBA 运行时错误中没有调试选项

    我使用的是 excel 2013 当出现运行时错误时 我没有得到任何调试选项 如何在运行时错误期间获得调试选项 编辑 我意识到我只在以下情况下遇到这个问题 通常我会得到调试选项 除了这种情况 特别痛苦的是它甚至不告诉我错误在哪一行 错误的屏
  • Promise : then 与 then + catch [重复]

    这个问题在这里已经有答案了 以下2个代码有什么区别吗 myPromise then function console log success catch function console log error myPromise then f
  • 按返回键“不”关闭软件键盘 - SwiftUI

    我想创建一个 TextField 可以在其中快速输入多个字符串项same字段 输入项目 然后点击return添加它 我已经有了添加功能 但是我不想在每次按回车键将项目添加到列表时关闭键盘 因为这对于用户每次点击文本字段以返回该项目来说很麻烦
  • Pandas - 将前导“0”添加到字符串值中,以便所有值都相等 len

    我有一个专栏 code x 我把它转换为 astype str 一些示例值是45362 0 75345 0 346157 0 572575 0 我希望它们都是 6 位数字 又名 045362 075345 346157 572575 我正在
  • 单击按钮时的 JavaFX 新场景

    标题可能有点模糊 所以请允许我更好地定义它 我有一段工作代码 如下 我正在开发的游戏的简单主菜单 除了 开始 按钮之外 一切都运行良好 我想要做的是单击 开始 按钮 然后在同一舞台 窗口 上出现一个新场景 我不想看到新窗口打开 我与 Jav
  • c 中的 fflush(stdout)

    当我在 fflush stdout 处并且在 GDB 中中断时 我可以在实际打印之前知道 stdout 中有什么吗 我如何才能知道任意时间点标准输出中有什么内容 如果您自己分配一个缓冲区并将其传递给setvbuf 我想你可以在刷新之前访问它
  • Three.js:从平面正交向量到平面旋转矩阵

    我想设置平面的旋转 这需要三个数字来表示 x y 和 z 轴上以弧度为单位的旋转 我没有这些数字 但是 我有一个向量 myVec 一旦旋转 该向量将与平面正交 这个向量让我更近了一步 但还没有完全实现 THREE Vector3 提供了一个
  • R:将宽格式转换为具有多个3个时间段变量的长格式[重复]

    这个问题在这里已经有答案了 抱歉 如果这是一个简单的问题 但我在搜索后找不到简单的解决方案 我对 R 相当陌生 并且在使用 Melt reshape2 或 Gather tidyr 函数将宽格式转换为长格式时遇到问题 我正在使用的数据集包含
  • Javafx tableview 反射不起作用

    我试图用模拟数据填充 JavaFx TableView 列 但我不断收到反射错误 即使我认为我正确遵循了 Bean 约定 Data model class SensorTableEntry SensorTableEntry Integer
  • 将图像从 XML 插入到 XSL 文档

    我想知道是否有任何方法可以使用元素或属性在 XML 文件中声明图像 然后在 XSL 文件中使用此图像将其输入到表中 而不必在 XSL 中创建表并输入图像一项一项地进入表格单元格 这是我当前的 XML 文档 不完整 因为我只是在测试它
  • 如何从 Java EE 中启动多个线程?

    我需要将调用扩展到 Tomcat 并且建议在内部启动线程 有人需要这样做吗 如果需要 他们提出了什么解决方案 通常不鼓励在应用程序服务器内创建自己的线程 因为服务器应该管理线程以获得更好的可伸缩性 如果容器对线程上下文中可用的内容做出假设
  • 即使配置 Azure 入站规则和 Windows 防火墙后,也无法列出 Azure 上 IIS FTP 服务器上的目录

    我在 Azure 中运行 Windows Server 2012 并在 IIS 中配置了 FTP 服务器 当我尝试连接服务器时 它接受用户名和密码并让我登录 但不显示目录列表 我尝试使用 FileZilla FTP 客户端进行连接 但出现同
  • matplotlib imshow 为每种颜色添加标签并将它们放入图例中[重复]

    这个问题在这里已经有答案了 我想显示如下图所示的图像 复制自here 在 matplotlib 中 但我想标记每种颜色并将它们放在侧面的图例上 请问有什么办法吗 我想只有在矩阵中的所有值不是太多的情况下才有意义 因此 我们假设矩阵中有 8
  • 无法调试打字稿扩展 VS Code,因为它找不到源文件

    我一直在开发 vsCode 扩展 并且能够正常启动和调试 但现在将扩展与 webpack 捆绑后我无法正确绑定断点 我尝试过的事情 应用中提到的解决方案https stackoverflow com a 53236103 1461862 将
  • JavaFX 8 - 将图形添加到右侧的 TitledPane

    我想在标题中添加一个小图标TitledPane 因此我设置了一个空标题并添加了一个HBox含有一个Label and a ImageView作为图形 通过这种方式 图标显示在文本末尾附近 我希望它始终显示在右边框旁边TitledPane 我
  • 使用 SAR 与 SHR 进行汇编时将二进制数右移

    我们知道 当我们将一个二进制数右移时 它会被2除 对于号码 1001 0001 我们假设存储在AX登记 如果我们将其视为无符号数 等于145十进制 SHR AX 1将使AX等于0100 1000这等于72十进制 这是正确的 但如果我们将其视
  • 调整 CSS 自定义鼠标光标的大小

    是否可以调整使用自定义图像 URL 的 CSS 鼠标光标的大小 例如 cursor url resources images custom cursor png auto 图像太大 我无法找到通过设置图像 URL 来设置其样式的方法 我知道