Question

是的我知道并且已经阅读了有关如何在HTML中制作光标的主题，我知道如何做到这一点，但今天我提出了一个不同的问题。我的问题是如何在网站上制作正常光标，如常规指向光标，以及当它们悬停在链接上时显示另一个光标？例如在this wikia上，图像在指向时为绿色，在悬停时为红色？

Answer 1

使用此css属性

cursor: url('image_url'),auto;

请注意，它很可能不会在IE上工作

Answer 2

在悬停特定内容时，您可以更改光标的背景图像，例如

<强> CSS

a:hover {
    cursor: url('http://img4.wikia.nocookie.net/__cb20141101171405/tdp4/images/f/fd/JdHLHLi92.png'),pointer;
}

p:hover {
    cursor: url('http://img3.wikia.nocookie.net/__cb20141101171352/tdp4/images/6/6d/DcoudoUO82.png'),text;
}

for refrence

https://plnkr.co/edit/Yj7CMxM7IbeoVoWeRtPF

HTML - 网站上的游标

2 个答案: