CSS中cursor 鼠标指针光标样式

日期:2020-05-07编辑作者:Web前端

前面url()是自定义鼠标的样式,图像的地址,后面的参数是 css 标准的 cursor 样式,(IE下面可以不需要)

出现版本:css2

注意:请在此列表的末端始终定义一种普通的光标,如auto,以防 URL 定义的光标不可用时无法正常显示光标。

默认值:auto

所有主流浏览器都支持 cursor 属性。注:Opera 9.3 和 Safari 3 不支持 url 值,任何版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。

JavaScript语法:object.style.cursor = ‘pointer‘

IE中使用 cursor url() 出现鼠标闪动问题:当设置cursor:url()的容器元素添加了title或alt时,就会出现这种现象。可以把title标签去掉。

描述

cursor:url() 自定义光标的 URL。可以设置多个,用逗号 , 隔开,第一个加载失败则显示后面的。

注释:请在此列表的末端始终定义一种普通的光标,以防没有由 URL 定义的可用光标。

如果是ani格式的话,可以在FF下面用jpg,gif,bmp来代替(cursor:url(xxx.ani),url(xxx.gif),auto)

注释:任何版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。

css:{cursor:url(图片路径),-moz-zoom-out;}//FF兼容css:{cursor:url(图片路径),auto;}//IE,FF,chrome浏览器都可以

所有主流浏览器都支持cursor属性。

常用cursor光标*url*

注释:Opera 9.3 和 Safari 3 不支持url值。

图片大小最好是 32*32,反正在各个浏览器下面解析的大小不一样。

本文由www.129028.com金沙发布于Web前端,转载请注明出处:CSS中cursor 鼠标指针光标样式

关键词:

nginx负载均衡如何实现www.129028.com金沙?

什么是nginx? Nginx是一个免费的,开源的,高性能的服务器和反向代理服务器软件,同时它也可以为IMAP和POP3服务器代...

详细>>

最少编码原则

这的确是大多数程序员,甚至是那些高级程序员都很容易混淆的一个重点。作为一名程序员,编写代码无疑是你职业...

详细>>

AJAX:如何处理书签和后退按钮(1)

或者如果你不喜欢onclick: window.onload = initialize;function initialize() { // initialize the DHTML History // framework dhtmlHistory.initial...

详细>>

textContent 与 【www.129028.com金沙】innerText、innerHTML 的区别

时间: 2019-09-09阅读: 201标签: 区别 先看看下面这个demo,不言自明: 目录 1. 语法2. 描述3. 与innerText的区别4. 与innerHTM...

详细>>