cursor设置为自定义图片

.box {border: 1px solid salmon;width: 500px;height: 500px;cursor: url('拇指.png') ,auto;
}

<body><div class="box">我是文字</div></body>

效果如下：

这里的url可以是常用图片格式，可以是base64图片。但是有时候会出现图片不生效的问题，解决如下：

How Big Should cursor image be?

about 32×32px

Cursor size: if the cursor image is over a certain size it will be ignored (in Gecko for example the limit is 128×128px). You should limit yourself about 32×32px anyway, for maximum compatibility with operating systems and platforms.

总结：图片不要过大，最好是32*32的图片，如果过大，则直接忽略你的图片

cursor设置为自定义图片相关推荐

自定义背景android,Android自定义Button并设置不同背景图片的方法
本文实例讲述了Android自定义Button并设置不同背景图片的方法.分享给大家供大家参考,具体如下: 1.自定义MyButton类 public class MyButton extends Bu ...
android 自定义圆形pop,Android布局自定义Shap圆形ImageView可以单独设置背景与图片...
一.图片预览: 一.实现功能: 需求要实现布局中为圆形图片,图片背景与图标分开且合并到一个ImageView. 二.具体实现: XML中布局中定义ImageView,关健设置两个参数 Android: ...
计算机自定义桌面设置在哪里设置,如何在windows10桌面设置自定义图片？查看方法...
为了让自己的电脑变得更加个性化一些,不少用户都希望能给自己的win10电脑桌面自定义多张喜欢的图片,这该如何操作呢?这里,PConline小编就介绍一种简单方法,可以方便.快捷的自定义多张桌面美图,想 ...
echarts中自定义图片的矢量路径设置
echarts中自定义图片的矢量路径设置在echarts象形柱图中要使用自定义的图片有三种格式,如下图: 前面两种方式我们项目中也常用到,第三种是矢量路径,如何获取这个矢量路径呢,方法如下: 第一步 ...
VSCode设置自定义图片作为背景
首先,来到vscode左侧的扩展栏,在输入框搜索background-cover 然后点击安装,点击 '需要重新加载',然后发现vscode的底部多了个小东西点击它即可发现屏幕中间出现了一个弹出栏 ...
css鼠标悬停样式_利用Css3样式属性Cursor来更换自定义个性化鼠标指针(光标
原文转载自「刘悦的技术博客」 ( 利用Css3样式属性Cursor来更换自定义个性化鼠标指针(光标) ) 现而今,我们纵向的回顾整个大前端的历史,不难发现,人们对前端的审美要求越来越高,越来越严苛,与 ...
关于安卓自定义图片选择库的实现
市面上已经有很多图片选择库了,但是自己没有完全定义过,所以就有了这一篇文章.(本次定义只做基本功能实现,细分功能还没完成) 思路: 1本地图片获取的实现 2图片格式选择(过滤) 3切换图片时的实现 4 ...
tomcat 设定自定义图片路径
1.问题平常图片路径都是在项目目录下存放,都是ip地址+端口号+项目名+图片路径,因为项目需要要把图片从tomcat中分离出来,并且设置可以通过自定义地址访问自定义图片路径. 2.解决在 tomc ...
java swing 图片切换_使用Javaswing自定义图片作为按钮（原创）
本人初学习Javaswing没多久,刚开始找不到怎么把图片放在按钮上,上网查找资料都是涵盖了在项目中的,自己摸索后才知道原来没有那么难.下面是我写的例子: package com.iconButton ...

cursor设置为自定义图片

cursor设置为自定义图片相关推荐

最新文章

热门文章