CSS鼠标指针表

news2024/11/22 9:41:22

(机翻)搬运自: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.coloradmin.cn/o/1057665.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

最短路径专题2 Dijkstra 最短距离(堆优化版)

题目:样例: 输入 6 6 0 0 1 2 0 2 5 0 3 1 2 3 2 1 2 1 4 5 1 输出 0 2 3 1 -1 -1 思路: 根据题意,数据范围也小,也可以用朴素版的Dijsktra来做,朴素版的Dijsktra我做过了一遍了,可以看以一下我…

【统计学】Top-down自上而下的角度模型召回率recall,精确率precision,特异性specificity,模型评价

最近在学 logistic regression model,又遇见了几个之前的老面孔。 召回率recall, 精确率precision,特异性spcificity,准确率accuracy,True positive rate,false positive rate等等名词在学习之初遇到的困难在于&#x…

Vue3最佳实践 第六章 Pinia,Vuex与axios,VueUse 2(Vuex)

Vuex 状态管理 Vuex 是一种集中管理所有组件中数据的机制。它和Pinia一样都是解决使用 props 和 $emit 事件在组件之间传递数据时,当组件之间频繁传递,层级增加时管理数据就变得困难。Vue 的官方状态管理库已更改为Pinia,Pinia 具有与 Vue 几…

微信小程序-1

微信开发文档 https://developers.weixin.qq.com/miniprogram/dev/framework/ 报错在调试器的console里找 一、结构 Ctrl 放大字体 Ctrl - 缩小 设置 - - - 外观设置 - - - 可以修改喜欢的主题颜色 index.js index.json index.wxml 》 html <view class"box&qu…

【kubernetes】kubernetes中的StatefulSet使用

TOC 1 为什么需要StatefulSet 常规的应用通常使用Deployment&#xff0c;如果需要在所有机器上部署则使用DaemonSet&#xff0c;但是有这样一类应用&#xff0c;它们在运行时需要存储一些数据&#xff0c;并且当Pod在其它节点上重建时也希望这些数据能够在重建后的Pod上获取&…

Python爬虫案例入门教程(纯小白向)——夜读书屋小说

Python爬虫案例——夜读书屋小说 前言 如果你是python小白并且对爬虫有着浓厚的兴趣&#xff0c;但是面对网上错综复杂的实战案例看也看不懂&#xff0c;那么你可以尝试阅读我的文章&#xff0c;我也是从零基础python开始学习爬虫&#xff0c;非常清楚在过程中所遇到的困难&am…

字符编码的了解

前言&#xff1a; 在编写文件读取功能的过程中&#xff0c;我遭遇了一个棘手的乱码难题。经过细致的排查&#xff0c;发现这一问题的根源在于文件的字符编码。为了帮助大家有效地克服编码差异所带来的开发挑战&#xff0c;因此&#xff0c;我收集了字符集编码的相关知识&#x…

想要精通算法和SQL的成长之路 - 旋转链表

想要精通算法和SQL的成长之路 - 旋转链表 前言一. 旋转链表 前言 想要精通算法和SQL的成长之路 - 系列导航 一. 旋转链表 原题链接 由于k的大小可能超过链表长度&#xff0c;因此我们需要根据链表长度取模。那么我们首先需要去计算链表的长度是多少&#xff1a; if (head …

C# GraphicsPath 类学习

先在窗体放2个picturebox&#xff0c; 然后看一下如下代码&#xff1b; using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; using System.Drawing; using System.Linq; using System.Text; using System.Threading.Tasks; us…

Pytorch基础:Tensor的transpose方法

相关阅读 Pytorch基础https://blog.csdn.net/weixin_45791458/category_12457644.html?spm1001.2014.3001.5482 在Pytorch中&#xff0c;transpose是Tensor的一个重要方法&#xff0c;同时它也是一个torch模块中的一个函数&#xff0c;它们的语法如下所示。 Tensor.transpo…

window安装压缩版postgresql

环境&#xff1a; window 11 专业版postgresql-16.0-1-windows-x64-binaries.zip 一、下载 1.1 从官网下载 https://www.postgresql.org/download/windows/ 1.2 从百度网盘下载 链接&#xff1a;https://pan.baidu.com/s/1fmQbgWSzX4hN07Lgdzfz0g?pwddzyy 提取码&#…

汇编语言王爽第4版实验8答案(和你想的不一样)

实验8 分析一个奇怪的程序 E:\mywork\asm\p906.asm C:\>edit p906.asm assume cs:codecode segmentmov ax,4c00hint 21h start: mov ax,0 s:nop ; nop的机器码占一个字节nopmov di, offset smov si, offset s2mov ax, cs:[si]mov cs:[di],ax s0:jmp short s s1:mov ax,0in…

tauri为窗口添加阴影效果

需求 为窗口添加阴影效果&#xff0c;让窗口显得更立体。 实现方案 通过 tauri 中的 window-shadows 依赖实现。 编码 修改 label 标签内容 修改 src-tauri/tauri.conf.json 文件&#xff0c;设置 label 字段为 “customization” 增加shadows的依赖 修改 src-tauri…

第8期ThreadX视频教程:应用实战,将裸机工程移植到RTOS的任务划分,驱动和应用层交互,中断DMA,C库和中间件处理等注意事项

视频教程汇总帖&#xff1a;【学以致用&#xff0c;授人以渔】2023视频教程汇总&#xff0c;DSP第12期&#xff0c;ThreadX第8期&#xff0c;BSP驱动第26期&#xff0c;USB实战第5期&#xff0c;GUI实战第3期&#xff08;2023-10-01&#xff09; - STM32F429 - 硬汉嵌入式论坛 …

函数、函数的傅里叶级数展开、傅里叶级数的和函数之间的关系

1.函数、函数的傅里叶级数展开、傅里叶级数的和函数之间的关系 1.1 傅里叶级数中的系数公式推导 我们先来推导一下傅里叶级数中的系数公式&#xff0c;其实笔者已经写过一篇相关笔记&#xff0c;详见&#xff1a;为什么要把一个函数分解成三角函数?(傅利叶级数) f ( x )…

MySQL 索引优化实践(单表)

目录 一、前言二、表数据准备三、常见业务无索引查询耗时测试3.1、通过订单ID / 订单编号 查询指定订单3.2、查询订单列表 四、订单常见业务索引优化实践4.1、通过唯一索引和普通索引优化通过订单编号查询订单信息4.2、通过普通联合索引优化订单列表查询4.2.1、分析查询字段的查…

【数据结构】HashSet的底层数据结构

&#x1f40c;个人主页&#xff1a; &#x1f40c; 叶落闲庭 &#x1f4a8;我的专栏&#xff1a;&#x1f4a8; c语言 数据结构 javaEE 操作系统 Redis 石可破也&#xff0c;而不可夺坚&#xff1b;丹可磨也&#xff0c;而不可夺赤。 HashSet 一、 HashSet 集合的底层数据结构二…

GraphPad Prism 10 for Mac(统计分析绘图软件)

GraphPad Prism是一款专业的统计和绘图软件&#xff0c;主要用于生物医学研究、实验设计和数据分析。 以下是 GraphPad Prism 的主要功能和特点&#xff1a; 数据导入和整理&#xff1a;GraphPad Prism 可以导入各种数据格式&#xff0c;并提供直观的界面用于整理、编辑和管理数…

RFID与人工智能的融合:物联网时代的智能化变革

随着物联网技术的不断发展&#xff0c;现实世界与数字世界的桥梁已经被打通。物联网通过各种传感器&#xff0c;将现实世界中的光、电、热等信号转化为有价值的数据。这些数据可以通过RFID技术进行自动收集和传输&#xff0c;然后经由人工智能算法进行分析、建模和预测&#xf…

【LeetCode算法系列题解】第76~80题

CONTENTS LeetCode 76. 最小覆盖子串&#xff08;困难&#xff09;LeetCode 77. 组合&#xff08;中等&#xff09;LeetCode 78. 子集&#xff08;中等&#xff09;LeetCode 79. 单词搜索&#xff08;中等&#xff09; LeetCode 76. 最小覆盖子串&#xff08;困难&#xff09; …