css 使用CSS自定义光标

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了css 使用CSS自定义光标相关的知识，希望对你有一定的参考价值。

<!DOCTYPE html>
<!--[if IE]><html class="ie" dir="ltr"><![endif]-->
<html dir="ltr">
<head>
	<title>Custom cursor</title>
	<meta charset="utf-8" />
	<link src="cursor.css" rel="stylesheet" />
</head>
html{cursor:url('custom-cursor.png'), default;}
html.ie{cursor:url('custom-cursor.cur'), default;}

a{cursor:pointer;}

以上是关于css 使用CSS自定义光标的主要内容，如果未能解决你的问题，请参考以下文章

CSS---cursor 鼠标指针光标样式（形状）

超简单的自定义个性化网页鼠标光标样式 html+css+js

CSS光标位置属性在Safari中不起作用

用于抓取光标的 CSS（拖放）

Chart.js - 鼠标悬停时自定义css到数据集

CSS @keyframes 光标动画在悬停时闪烁