Typecho自定义鼠标样式

Author： sword
发布时间：February 18, 2018
31841 views
9 comments
445 字数
Categories：建站知识

设置方法

以handsome主题为例：外观——主题设置——开发设置——自定义css。插入以下代码

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;
}

其他主题方法大致相同把这代码输出在</head>之前就ok

鼠标样式下载：戳我戳我

站点名称：Sword's Blog 杂货屋
本文链接：http://sword.studio/30.html
本博客所有文章除特别声明外，均采用知识共享署名-非商业性使用 4.0 国际许可协议进行许可
您可以自由的转载和修改，但请务必注明文章来源并且不可用于商业目的

Last modification：February 18th, 2020 at 07:32 am

If you think my article is useful to you, please feel free to appreciate

9 comments

无双 ( Windows 10 x64 Edition / Google Chrome 78.0.3904.108 )
February 18th, 2020 at 02:33 am

那个鼠标样式下载链接进不去，怎么办，还有这个鼠标样式是用什么格式的图片？

Reply
1. swordAuthor ( Windows Server 2003 / Google Chrome 55.0.2883.96 )
  February 18th, 2020 at 07:34 am
  
  @无双
  下载链接已修复，下载后就知道啥格式啦
  
  Reply
  1. 无双 ( Windows 10 x64 Edition / Google Chrome 78.0.3904.108 )
    February 18th, 2020 at 02:08 pm
    
    @sword
    哦~，输入错了，现在好了
    
    Reply
  2. 无双 ( Windows 10 x64 Edition / Google Chrome 78.0.3904.108 )
    February 18th, 2020 at 02:05 pm
    
    @sword
    欸，为什么鼠标样式没变。
    
    Reply
Encounter ( Windows 7 x64 Edition / Google Chrome 63.0.3239.132 )
October 4th, 2018 at 12:43 am

这个的鼠标指针效果不太喜欢，用a:hover我更喜欢。如果博主不清楚怎么实现可以去我的博客看看，里面有方法实现。

Reply
1. 呵呵哒萌萌哒Author ( Windows 7 x64 Edition / Google Chrome 69.0.3497.100 )
  October 6th, 2018 at 07:40 pm
  
  @Encounter
  你说的这个我的样式下载里面就有啊，只是我不喜欢，所以就没以这个举例子而已
  
  Reply
rachpt ( Ubuntu x64 / Firefox 58.0 )
March 3rd, 2018 at 09:14 pm

看到这个硕大的鼠标，我想到了以前 HDCity

Reply
1. 呵呵哒Author ( Windows 7 x64 Edition / Firefox 58.0 )
  March 3rd, 2018 at 09:54 pm
  
  @rachpt
  就是从上面扒下来的！
  
  Reply
免费新大陆 ( Windows 7 x64 Edition / Google Chrome 55.0.2883.87 )
February 20th, 2018 at 12:00 am

不错不错，转载啦转载啦

Reply