当前位置: 首页 > news >正文

CSS鼠标指针表

(机翻)搬运自:cursor - CSS: Cascading Style Sheets | MDN (mozilla.org)

类型Keyword演示注释
全局autoUA将基于当前上下文来确定要显示的光标。例如,相当于悬停文本时的文本。
default

wide arrow pointing up and to the left

依赖于平台的默认光标。通常是箭头。
none不会渲染光标。
链接&状态context-menu

wide arrow pointing up and to the left slightly obscuring a menu icon

上下文菜单可用。
help

wide arrow pointing up and to the left next to a question mark

帮助信息可用。
pointer

right hand with an index finger pointing up

光标是一个指示链接的指针。通常是指针的图像。
progress

wide arrow and hour glass

程序在后台很忙,但用户仍然可以与界面交互(与等待相反)。
wait

hour glass

程序很忙,用户无法与界面交互(与进度相反)。有时是沙漏或手表的图像。
选择cell

wide plus symbol

可以选择表格单元格或单元格集。
crosshair

plus symbol composed of two thing lines.

十字光标,通常用于指示位图中的选择。
text

vertical i-beam


可以选择文本。通常为工字梁的形状。
vertical-text

horizontal i-beam

可以选择垂直文本。通常为横向工字钢的形状。
拖放alias

wide arrow pointing up and to the left partially obscuring a smaller folder icon with a curved arrow pointing up and to the right

要创建别名或快捷方式。
copy

wide arrow pointing up and to the left partially obscuring a smaller folder icon with a plus sign

有些东西需要复制。
move

plus sign made of two thin lines. The four points are small arrows facing out

有些东西需要移动。
no-drop

pointer icon and a not allowed icon

项目可能无法放置在当前位置。

[火狐漏洞275173](https://bugzil.la/275173):在Windows和macOS上,不允许拖放。

not-allowed

Not allowed icon, which is a circle with a line through it

请求的操作将不会执行。
grab

fully opened hand icon

请求的动作可以抓住(拖动以移动)某物。将无法执行。
grabbing

closed hand icon, of the back of the hand

有东西被抓住(拖着移动)。
调整大小 & 滚动all-scroll

icon of a medium size dot with four triangles around it.

有些东西可以向任何方向滚动(平移)。

[火狐漏洞275174](https://bugzil.la/275174):在Windows上,所有滚动都与移动相同。

col-resize

col-resize.gif

项目/列可以水平调整大小。通常渲染为指向左右的箭头,并用垂直条将它们分隔开。
row-resize

two narrow parallel horizontal lines with a small arrow pointing up and another pointing down


项目/行可以垂直调整大小。通常渲染为上下箭头,并用水平条分隔它们。
n-resize

thin long arrow pointing towards the top

有些边缘要移动。例如,当移动从长方体的东南角开始时,将使用se调整大小光标。

在某些环境中,会显示等效的双向调整大小光标。例如,n-resize和s-resize与ns resize相同。

e-resize

thin long arrow pointing towards the right

s-resize

thin long arrow pointing down

w-resize

thin long arrow pointing towards the left

ne-resize

thin long arrow pointing top-right

nw-resize

thin long arrow pointing top-left

se-resize

thin long arrow pointing bottom-right

sw-resize

thin long arrow pointing bottom-left

ew-resize

thin long arrow pointing left and right

双向调整光标大小。

ns-resize

thin long arrow pointing up and down

nesw-resize

thin long arrow pointing both to the top-right and bottom-left

nwse-resize

thin long arrow pointing both to the top-left and bottom-right

缩放zoom-in

magnifying glass with a plus sign

有些东西可以放大或缩小。
zoom-out

magnifying glass with a minus sign

http://www.lryc.cn/news/184984.html

相关文章:

  • 树的基本概念及二叉树
  • BUUCTF Basic 解题记录--BUU XXE COURSE
  • kotlin:LogKit
  • yolo_tracking中osnet不支持.pth格式,而model_zoo中仅有.pth
  • Tailwind CSS浅析与实操
  • Activiti工作流引擎详解与应用
  • New Journal of Physics:不同机器学习力场特征的准确性测试
  • ubuntu22.04 x11窗口环境手势控制
  • 【ARM CoreLink 系列 4 -- NIC-400 控制器详细介绍】
  • 【生成模型】解决生成模型面对长尾类型物体时的问题 RE-IMAGEN: RETRIEVAL-AUGMENTED TEXT-TO-IMAGE GENERATOR
  • 南美巴西市场最全分析开发攻略,收藏一篇就够了
  • c++中操作符->与 . 的使用与区别
  • golang 编译器 汉化
  • 压缩包系列
  • 互联网图片安全风控实战训练营开营!
  • 炫酷转换:Java实现Excel转换为图片的方法
  • vue elementui <el-date-picker>日期选择框限制只能选择90天内的日期(包括今天)
  • YOLOv5全新Neck改进:BiSPAN 结构独一无二,为目标检测打造全新融合网络,增强定位信号,对于小目标检测的定位具有重要意义
  • flutter开发实战-video_player插件播放抖音直播实现(仅限Android端)
  • React组件
  • [动手学深度学习]注意力机制Transformer学习笔记
  • hadoop集群安装并配置
  • Quarto 入门教程 (3):代码框、图形、数据框设置
  • 虚拟机Ubuntu18.04安装对应ROS版本详细教程!(含错误提示解决)
  • #力扣:14. 最长公共前缀@FDDLC
  • Android 13.0 解锁状态下禁止下拉状态栏功能实现
  • chromium线程模型(1)-普通线程实现(ui和io线程)
  • uniapp uni.showToast 一闪而过的问题
  • 代理模式介绍及具体实现(设计模式 三)
  • 【18】c++设计模式——>适配器模式