Question

我需要更改光标的默认图像：带有一些自定义图像的指针。

创建一个类并指定游标的悬停值不是一个有效的解决方案，因为我必须将该类添加到已经创建的所有元素中，并且您知道...不完全是最佳的。也不能将该类添加到body中，因为带有cursor的指针：指针会覆盖它。

知道怎么做吗？

Answer 1

您可以为cursor元素创建自定义body，除非被后来的选择器覆盖，否则它将用作默认值：

body {
    cursor: URL(images/cursorimage.cur); /* IE */
    cursor: URL(images/cursorimage.gif);
}

Answer 2

我需要更改光标的默认图像：带有一些自定义图像的指针。

我最初误解了这一点，但在阅读this comment后，情况更加清晰。

您可以使用jQuery / JavaScript轻松完成此操作。首先，这是一个稍微简单的jQuery版本：

$("*").each(function() {
    var cur = $(this);
    if(cur.css("cursor") == "pointer") {
       cur.css("cursor", "url(newcursor.ico)");
    }
});

纯JavaScript版本：

var elms = document.getElementsByTagName("*");
var n = elms.length;
for(var i = 0; i < n; i ++) {
    if(window.getComputedStyle(elms[i]).cursor == "pointer") {
        elms[i].style.cursor = "url(newcursor.ico)";
    }
}

Answer 3

是的，你可以像这样轻松地做到这一点

   .anyclass{
    cursor: URL(images/cursorimagefule.gif);
    }

图像文件必须为32x32或更小

显然，Internet Explorer只支持.cur文件

的 more info 的

Answer 4

这些都不适合我。我不得不使用这种稍微不同的语法。注意lowercse＆＃39; url＆＃39; ，路径周围的引号，并添加！important。此外，任何尺寸的作品。

#change this to the name of the Main class file, without file extension
MAIN_FILE = App/Program

#change this to the depth of the project folders
#if needed, add a preffix for a common project folder
CSHARP_SOURCE_FILES = $(wildcard */*/*.cs */*.cs *.cs)

#add needed flags to the compilerCSHARP_FLAGS = -out:$(EXECUTABLE)
CSHARP_FLAGS = -out:$(EXECUTABLE)

#change to the environment compiler
CSHARP_COMPILER = mcs

#if needed, change the executable file
EXECUTABLE = $(MAIN_FILE).exe

#if needed, change the remove command according to your system
RM_CMD = -rm -f $(EXECUTABLE)



all: $(EXECUTABLE)

$(EXECUTABLE): $(CSHARP_SOURCE_FILES)
    @ $(CSHARP_COMPILER) $(CSHARP_SOURCE_FILES) $(CSHARP_FLAGS)
    @ echo compiling...

run: all
    ./$(EXECUTABLE)

clean:
    @ $(RM_CMD)

remake:
    @ $(MAKE) clean
    @ $(MAKE)

Answer 5

cursor 选项可以在这里找到 http://www.echoecho.com/csscursors.htm 对于图像，您可以使用

cursor:url(uri)

Answer 6

使用“cursor”属性与任何CSS属性相同 - 只需将其应用于所需的元素：

<style type="text/css">
body{
    cursor: url(mycursor.cur)
}
</style>

这会将网页的默认箭头光标更改为自定义图像。

html，css - cursor - 如何更改指针的默认图像

6 个答案: