【亲测可用】改变鼠标样式,自定义cursor样式,自定义鼠标图片,适配不同状态

【亲测可用】改变鼠标样式,自定义cursor样式,自定义鼠标图片,适配不同状态_第1张图片

/*注意:这个,后面的default可以改成auto、pointer等等,但是不能省略,否则就无法让自定义鼠标生效*/

html, body, * {

    cursor: url(//img.58cdn.com.cn/resource/xxzl/captcha/pencil.png), default;

    //其中,url是自定义光标图像的路径。default是备用光标类型,如果自定义光标无法加载,则会使用备用光标。

    //注意,自定义光标图像应该是小的、简单的图像,以确保加载速度和光标的可见性。

}

生效后的效果如下图鼠标,一支铅笔

CSS cursor鼠标样式​详细介绍_你挚爱的强哥的博客-CSDN博客在浏览网页的过程中,当我们将鼠标移动到某些元素上时,鼠标的样式会随之改变。比如鼠标指向文字,鼠标的样式会变成像大写字母。提示:由于计算机系统的不同,鼠标的样式会存在一定的差异。当鼠标指向链接时,鼠标会变成小手的形状等。https://blog.csdn.net/qq_37860634/article/details/131675014

你可能感兴趣的:(css3,css,前端)