Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[css] 第109天 说下你对cursor属性的理解 #1018

Open
haizhilin2013 opened this issue Aug 2, 2019 · 3 comments
Open

[css] 第109天 说下你对cursor属性的理解 #1018

haizhilin2013 opened this issue Aug 2, 2019 · 3 comments
Labels
css css

Comments

@haizhilin2013
Copy link
Collaborator

第109天 说下你对cursor属性的理解
@haizhilin2013 haizhilin2013 added the css css label Aug 2, 2019
@LemonSea
Copy link

LemonSea commented Aug 3, 2019

cursor是用来显示鼠标不同的光标的
它的属性主要有auto，move，text，pointer，各种方向的resize，还有放大镜的zoom-in，放小镜的zoom-out等

@LinStan
Copy link

LinStan commented Aug 3, 2019

cursor 是鼠标光标的属性。可以给元素设置不同的cursor属性来使鼠标在不同的位置显示不同的形状。

值 描述
url 需使用的自定义光标的 URL。注释：请在此列表的末端始终定义一种普通的光标，以防没有由 URL 定义的可用光标。
default 默认光标（通常是一个箭头）
auto 默认。浏览器设置的光标。
crosshair 光标呈现为十字线。
pointer 光标呈现为指示链接的指针（一只手）
move 此光标指示某对象可被移动。
e-resize 此光标指示矩形框的边缘可被向右（东）移动。
ne-resize 此光标指示矩形框的边缘可被向上及向右移动（北/东）。
nw-resize 此光标指示矩形框的边缘可被向上及向左移动（北/西）。
n-resize 此光标指示矩形框的边缘可被向上（北）移动。
se-resize 此光标指示矩形框的边缘可被向下及向右移动（南/东）。
sw-resize 此光标指示矩形框的边缘可被向下及向左移动（南/西）。
s-resize 此光标指示矩形框的边缘可被向下移动（南）。
w-resize 此光标指示矩形框的边缘可被向左移动（西）。
text 此光标指示文本。
wait 此光标指示程序正忙（通常是一只表或沙漏）。
help 此光标指示可用的帮助（通常是一个问号或一个气球）。

CSS cursor 属性

@EragonBubble
Copy link

鼠标指针放在一个元素边界范围内时所用的光标形状。默认是一个箭头，还可以设置成一只手，放大镜等等。

@LinStan LinStan mentioned this issue Aug 10, 2019
Open
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
css css
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
4 participants
@haizhilin2013 @EragonBubble @LinStan @LemonSea