自定义光标样式的CSS代码

2022/3/27 23:26:40

本文主要是介绍自定义光标样式的CSS代码,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

CSS里的cursor属性能接受很多种光标样式属性,而且,如果使用url()表达式,你还能用自己的图片自定义光标图案样式:

body {
	cursor: url('some-cursor.ico'), default;
}

程序员编程要有个好习惯,要给程序留下备份方案,当第一方案不起作用时,备份方案能挽回错误,所以,这里使用了default值做备份,这个跟设置字体的font-family的思路是一样的。还有一点要注意的是,如果使用谷歌浏览器,光标图案的大小会跟图片原生大小一样,但在火狐浏览器里,自定义光标图案总是缩小到标准大小。

$('#divContainer').css('cursor', 'url(../Images/CrimeAnalysis/ThematicMap/grab.cur), move')



这篇关于自定义光标样式的CSS代码的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程