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的图片，如果过大，则直接忽略你的图片
汇聚全球AI编程工具，助力开发者即刻编程。
更多推荐
0
0- 0
已为社区贡献1条内容
所有评论(0)