其他分享
首页 > 其他分享> > 通过css设置鼠标指针为自定义图片,并设置对齐点

通过css设置鼠标指针为自定义图片,并设置对齐点

作者:互联网

css中带了很多浏览器已经支持的鼠标样式,很多时候需要换成自己定义的图片。

  1. 最好使用32*32图片,ico格式,当前也有其他格式,最好设置支持跨平台的格式,不同浏览器支持的格式不统一,png等其他的格式是可以转为ico格式
  2. 设置对齐点
cursor: url("../lib/leaflet/images/mouse.ico") 16 16,auto;

url中是图片路径。16 16是类似于锚点的参数,就是图片的哪一个点代表鼠标所指的点,这个参数和图片像素有关。最后的auto,是在前面的图片不生效时,被浏览器的哪种鼠标样式替换。

标签:ico,鼠标,自定义,16,设置,格式,浏览器,css,图片
来源: https://www.cnblogs.com/webhmy/p/16459428.html