WordPress修改鼠标样式

ShowUNow 发布于 2024-11-05 127 次阅读


网上有很多修改WordPress鼠标样式教程的文章,但是都前篇一律,复制粘贴的。内容很简单,以至于页面上交互很多元素时不能准确地修改鼠标样式

今天介绍一下我用的鼠标样式,基本可以正确地修改大多数交互时的鼠标样式

在WordPress 外观 -> 自定义 -> 额外css 中添加

body {
    cursor: url(url), default;
}

a:hover, img:hover, .bg-switch:hover, .searchbox.js-toggle-search:hover,
.header.user.avatar:hover, .submit:hover, ul:hover{
    cursor: url(url), pointer;
}

p:hover, .commentbody:hover{ 
			cursor:
url(url),
text; 
}

将上述代码中括号中的url替换成你可以引用的鼠标地址,即可完成。

存在的问题

目前依然无法正确和导航栏中的链接交互

临时起意搭建的博客,不知道能坚持下去多久。
最后更新于 2024-11-06