今天在修改页面细节时,对某些地方的鼠标指针的样式不满意,于是就趁机回顾了一下 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开始支持。