CSS手指型点击鼠标光标定义(cursor属性)

使用javascript的onclick，onmouseover等触发事件作为链接点击操作时，电脑浏览的光标都是I字型，文本浏览效果，感觉不大好，如果换成点击光标，即手指点击型，会更容易提醒，这是一个可点击项。



实现这个，可以用到CSS的cursor属性。



以下是鼠标光标为手指点击型的CSS：

cursor:pointer;

刚开始，试用了cursor:hand;，不过兼容性似乎不大好，360，UC都不支持，改成pointer就可以正常显示。如果你正在用电脑，可以测试下这个：这不是链接



把上面的CSS添加到需要实现部位的CSS样式里



更多属性值如下：

default    默认光标（通常是一个箭头）
auto    默认。浏览器设置的光标。
crosshair    光标呈现为十字线。
pointer    光标呈现为指示链接的指针（一只手）
move    此光标指示某对象可被移动。
e-resize    此光标指示矩形框的边缘可被向右（东）移动。
ne-resize    此光标指示矩形框的边缘可被向上及向右移动（北/东）。
nw-resize    此光标指示矩形框的边缘可被向上及向左移动（北/西）。
n-resize    此光标指示矩形框的边缘可被向上（北）移动。
se-resize    此光标指示矩形框的边缘可被向下及向右移动（南/东）。
sw-resize    此光标指示矩形框的边缘可被向下及向左移动（南/西）。
s-resize    此光标指示矩形框的边缘可被向下移动（北/西）。
w-resize    此光标指示矩形框的边缘可被向左移动（西）。
text    此光标指示文本。
wait    此光标指示程序正忙（通常是一只表或沙漏）。
help    此光标指示可用的帮助（通常是一个问号或一个气球）。

感谢作者：笑忘书的投稿，欢迎大家投稿： https://www.likinming.com/post-87.html