标签:one copy 指针 center resize 控件 css 鼠标 元素
鼠标指针可以用来告诉用户当前可以执行什么动作
目前已有的内置光标种类有:
crosshair | help | move | pointer | progress | text | wait | e-resize |
ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize | none |
context-menu | cell | vertical-text | alias | copy | no-drop | not-allowed | ew-resize |
ns-resize | nesw-resize | nwse-resize | col-resize | row-resize | all-resize | zoom-in |
zoom-out |
介绍几种常用光标
1. 提示禁用状态
not-allowed用于提示某个控件因为某种原因无法进行交互,常常用于表单
:disabled, [disabled], [aria-disabled=‘true‘]{
cursor: not-allowed;
}
2. 隐藏鼠标光标
比如公共场所的信息查询台,娱乐平台需要合适的隐藏鼠标光标,带来可用性提升。
video{
cursor: none;
}
3. 缩放光标
现在提供了几种新的缩放光标,分别是 ew-resize, ns-resize, nesw-resize, nwse-resize
常常用于自定义缩放元素的边界上
标签:one copy 指针 center resize 控件 css 鼠标 元素
原文地址:http://www.cnblogs.com/joyjoe/p/6916047.html