本文介绍了CSS中使用自定义光标图片时应注意的尺寸限制，指出图片尺寸最好不超过32×32像素以确保跨平台兼容性，并解释了过大的图片可能会被浏览器忽略的原因。
.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的图片，如果过大，则直接忽略你的图片
扫一扫
505
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
