HTML

Question

是的，我知道并且已经阅读了有关如何在 HTML 中制作光标的主题，我知道该怎么做，但今天我要问一些不同的问题。我的问题是如何在网站上制作一个普通的光标，就像常规的指针一样，当它们悬停在 link 上时显示另一个光标？例如在 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;
}

供参考

https://plnkr.co/edit/Yj7CMxM7IbeoVoWeRtPF

HTML - 网站上的光标

HTML - Cursors on a website

css

forum

phpbb

cursor