TYPECHO WIKI
每一个作品都值得被记录

Typecho 自定义网页鼠标样式

Typecho维基君Typecho教程 • 2514次浏览 • 发布 2018-05-17 • 更新 2018-05-17

可能你在很多博客看到里面使用了很丰富的鼠标样式,其实你也可以的,只要修改 Typecho 主题的样式表文件就可以实现,比如 TypechoWiki 的主题里是 main.css,在body标签位置新增下面代码:

body {
    cursor:url('鼠标指针图片链接'), auto;
}
select, input, textarea, a, button {
    cursor:url('鼠标指针图片链接'), auto;
}
input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly] {
    cursor:url('鼠标指针图片链接'), auto;
}

鼠标的图片格式通常为.png或者.ani或者.cur,这里也给大家提供几组鼠标样式包,只要将图片放到主题图片目录下,然后在上面的代码里引用鼠标图片链接即可。

广告声明:文内含有的对外跳转链接(包括不限于超链接、二维码、口令等形式),用于传递更多信息,节省甄选时间,结果仅供参考,Typecho.Wiki所有文章均包含本声明。
下载地址

  更新时间:2018年05月17日

  下载链接: 链接

厂商投放

【腾讯云】🎉五一云上盛惠!云服务器99元/月续费同价!

腾讯云五一劳动节海量产品 · 轻松上云!云服务器首年1.8折起,买1年送3个月!超值优惠,性能稳定,让您的云端之旅更加畅享。快来腾讯云选购吧!

广告
添加新评论 »