reactjs - 如何使用 TailwindCSS 设置光标热点

标签 reactjs tailwind-css mouse-cursor

我想为我的光标使用顺风的自定义图像,但是我需要将热点设置到图像的中心,并且我不知道如何正确添加坐标来指定热点应该去的位置。

这可能吗?

注意:我不想在主题中执行此操作,因为我将根据用户输入更改光标,并且还需要更改热点。

https://developer.mozilla.org/en-US/docs/Web/CSS/cursor

https://tailwindcss.com/docs/cursor

最佳答案

这可以通过使用任意 css 值来完成。

[光标:url(/cursor/circle-5px-opt.svg)_3_3,指针]

确保坐标用下划线分隔,而不是空格,否则它将不起作用。

Arbitrary Properties

Whitespace

关于reactjs - 如何使用 TailwindCSS 设置光标热点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/74447345/

相关文章:

android - 如何以 3D 模式查看 Google map ?

javascript - 带有 JIT 的 Tailwind CSS 不适用于 webpack

visual-studio-code - 如何将 @tailwind CSS 规则添加到 css 检查器

qt - 使用 Qt 4.8 在全屏模式下隐藏光标?

javascript - 在 Javascript 中如何将光标移动到文本区域的最后位置?

java - 通过 Cursor.getSystemCustomCursor 可以使用哪些游标?

reactjs - 初始化时跳过 Hook 更改 (useEffect)

javascript - 在 React 和 Redux 中重新渲染所有组件

javascript - 如何在 React 中动态附加事件?

css - 如何使用 TailwindCSS 禁用环形阴影?