网站鼠标样式更换

Ginc
Ginc
管理员
66
文章
0
粉丝
站点美化2292阅读模式

很多人在美化网站的时候,通常会修改鼠标样式,常见的修改方式:

 /**普通指针样式**/
 body{cursor:url(http://xxx.cn/xxx/images/cursor_5.png),default; }
 /**链接指针样式**/
 a:hover{cursor:url(http://xxx.cn/xxx/images/cursor_6.png),pointer;}

上面这种方法有缺点,就是不能修改全站鼠标样式,有些地方还是默认的鼠标样式:文章源自今夕何夕兮-https://www.ginc.site/code1186.html

文章源自今夕何夕兮-https://www.ginc.site/code1186.html

 文章源自今夕何夕兮-https://www.ginc.site/code1186.html

所以有找了下面的修改方式:文章源自今夕何夕兮-https://www.ginc.site/code1186.html

<style type="text/css">
    .main-content img,body{cursor:url(../mh/cur/Arrow.cur),auto}.actions>div,.expand-done,.main-content figure>figcaption div,.navbar-above .navbar-nav .item,.navbar-searchicon,.navbar-slideicon,.photos .picture-details,.widget .ad-tag .click-close,a,button{cursor:url(../mh/cur/Hand2.cur),auto}blockquote,code,h1,h2,h3,h4,h5,h6,hr,input[type=text],li,p,td,textarea,th{cursor:url(../mh/cur/IBeam2.cur),auto}.qaptcha .slider{cursor:url(../mh/cur/SizeWE.cur),auto}#respond #submit{cursor:url(../mh/cur/Hand2.cur),auto}.sharing-box .be-btn-beshare{cursor:url(../mh/cur/Hand2.cur),auto}.off-side:after, .on-side:after,a.fo{cursor:url(../mh/cur/Hand2.cur),auto}
</style>

上面的代码没有经过优化,找到哪改到哪,固定格式如下:文章源自今夕何夕兮-https://www.ginc.site/code1186.html

xxx,xxx{cursor:url(../mh/cur/Arrow.cur),auto}

xxx,xxx:网页元素,可以通过F12查看文章源自今夕何夕兮-https://www.ginc.site/code1186.html

url(../mh/cur/Arrow.cur):鼠标样式链接文章源自今夕何夕兮-https://www.ginc.site/code1186.html

修改好的代码放到footer.php文件中即可。文章源自今夕何夕兮-https://www.ginc.site/code1186.html

本站已替换所有鼠标样式,如果发现有地方鼠标样式没变化,请在本文评论区提醒一下,谢谢

 文章源自今夕何夕兮-https://www.ginc.site/code1186.html 文章源自今夕何夕兮-https://www.ginc.site/code1186.html

转载请注明来自:今夕何夕兮
本站原创内容版权遵循 CC-BY-NC-SA4.0 协议授权,本站部分资源收集于网络,只做学习和交流使用,版权归原作者所有。

weinxin
提示:
若文章中图片、链接等信息出错,请及时反馈,博主将在第一时间更新。谢谢大家!
 
Ginc
  • 本文由 Ginc 发表于2022年12月14日
  • 转载请保留本文链接:网站鼠标样式更换:https://www.ginc.site/code1186.html
评论  2  访客  2
    • TeacherDu
      TeacherDu

      我之前想着换下呢,结果指针发飘!

        • 今夕
          今夕

          @ TeacherDu 不会啊,两种方法都不会飘

      匿名

      发表评论

      匿名网友
      确定

      拖动滑块以完成验证