css - 为 "pointer"使用自定义光标

标签 css

是否可以仅使用 CSS 将“指针”的光标更改为自定义光标?

所以如果我像这样引用它:

button {
  cursor: pointer;
}

html {
  cursor: url("/static/images/paw-cursor.svg"), pointer;
}

pointer 将引用我的自定义光标。否则它将使用浏览器的默认光标。

最佳答案

是的,这是可能的。使用:

cursor: url(/static/images/paw-cursor.svg), auto;

https://css-tricks.com/almanac/properties/c/cursor/

JSFiddle:http://jsfiddle.net/1majnh04/

关于css - 为 "pointer"使用自定义光标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54895429/

相关文章:

css - 如何在图像顶部创建响应式文本?

css - 如果我为 grid-auto-rows 指定三个值,CSS 会创建三行吗?

jquery 移动滑动不适用于图像

javascript - 使用 CSS 设置工具提示箭头的边框颜色

css - 如何将 CSS 定位到特定的共享点页面布局文件?

javascript - 使用(JS 和 Html 和 Css)显示数据库数据

html - Outlook - 转发/回复删除显示 :none inline-style

css - react 背景图片不显示图片

javascript - 如何将img src保存到本地磁盘

html - 使div背景与主体高度相同