如何使用光标url减小图像的大小? [英] How to reduce the size of image with cursor url?

问题描述

我有一张尺寸为105x105的图片.我使用以下CSS脚本将其用作光标:

I have an image with size 105x105. I am using it as cursor using this CSS script:

.class_1 .child_1 {
    cursor: url(theBell.png) 20 20, auto;
}

当我将鼠标移到元素上时，图像会出现，但是它太大了.

The image appears when I move the mouse over element, but it is too large.

我不知道如何减小游标的大小.

I do not know how to reduce size of cursor.

我进行了一些搜索，但没有发现任何积极结果.

I had some searching but found no positive results.

推荐答案

不幸的是，您无法减小游标的大小.您需要缩小图像的尺寸.建议使用36 * 36像素.

Unfortunately you can't reduce the size of the cursor. You need to reduce the size of the image. 36 * 36 px is the recommended size.

此处有更多有用的信息 https://developer.mozilla.org/zh-CN/docs/Web/CSS/CSS_User_Interface/Using_URL_values_for_the_cursor_property

Some more useful information here https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_User_Interface/Using_URL_values_for_the_cursor_property

这篇关于如何使用光标url减小图像的大小?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！