javascript - 将光标指针更改为自定义图标

标签 javascript html css mouse-cursor

我想更改 cursor 属性以暗示用户需要双击。

除了可以应用的默认图标之外,是否还有任何其他图标?我在这里看到了一个列表:

W3Schools

但我需要光标看起来像一个带有两个手指的指针,或者其他一些更适合双击的图标。

最佳答案

你基本上可以use any image you want .

使用 cursor: url(your-image-path.png), auto;

div {
   cursor: url(http://65.media.tumblr.com/avatar_91989eab746d_96.png), auto;
}
<div>
Winter is coming
</div>

原始 fiddle :JSFiddle

对于 IE 支持,您需要 use .cur format

关于javascript - 将光标指针更改为自定义图标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37262414/

相关文章:

javascript - 我需要 slider 上的自定义范围,例如 1,2,3,4,5,10,15,20,25..... 我们能实现这一点吗?

php - 通过 php 在 html 元素的属性中打印特殊字符

javascript - 导航栏 css html 下定位 slider 的问题

css - 现代响应式 HTML5 布局的理想 padding-top 值是多少?

火狐和 CSS3 : using overflow: hidden and box-shadow

JavaScript 数组跳过值

javascript - 将所有 TypeScript 文件包含在 .csproj 中后出现 Typescript 错误

python BeautifulSoup 找到特定形式的所有输入

html - 如何使div中的文本不超出其宽度

javascript - 创建无孔的密集阵列。