900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > css cursor 鼠标指针样式总结

css cursor 鼠标指针样式总结

时间:2020-08-17 16:47:49

相关推荐

css cursor 鼠标指针样式总结

今天在修改页面细节时,对某些地方的鼠标指针的样式不满意,于是就趁机回顾了一下 css cursor 属性。

css cursor 属性值总结:

使用示例:

body {cursor: auto;}

以下引自/cssref/pr_class_cursor.asp

浏览器的兼容:1.所有主流浏览器都支持 cursor 属性。

2.Opera 9.3 和Safari 3 不支持 url 值。

3.任何版本的 Internet Explorer 都不支持属性值 inherit。

css cursor 自定义鼠标样式:

示例:

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

在实际应用时,最好在后面加上后备的原生光标,如default。

cursor:hand 与 cursor:pointer的异同点:

相同点:

cursor:hand 与 cursor:pointer 的效果是一样,都像手形光标。

不同点:

1.cursor:hand :IE完全支持。但是在firefox是不支持的,没有效果。

2.cursor:pointer :是CSS2.0的标准。所以firefox是支持的,但是IE5.0既之前版本不支持。IE6开始支持。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。