首页 > 其他分享 >CSS cursor(鼠标样式)

CSS cursor(鼠标样式)

时间:2024-05-14 17:31:51浏览次数:11  
标签:表示 鼠标 对象 可以 cursor 光标 CSS 移动 resize

属性值示意图描述
auto   默认值,由浏览器根据当前上下文确定要显示的光标样式
default 默认光标 默认光标,不考虑上下文,通常是一个箭头
none   不显示光标
initial   将此属性设置为其默认值
inherit   从父元素基础 cursor 属性的值
context-menu 上下文菜单光标 表示上下文菜单可用
help 帮助光标 表示有帮助
pointer 指针光标 表示一个链接
progress 进度游标 进度指示器,表示程序正在执行一些处理,但是您仍然可以在该界面进行一些操作(与 wait 不同)
wait 等待光标 表示程序繁忙,您应该等待程序指向完成
cell 单元游标 表示可以选择一个单元格(或一组单元格)
crosshair 十字准线光标 一个简单的十字准线
text 文字游标 表示可以选择的文本
vertical-text 垂直文本光标 表示可以选择的垂直文本
alias 别名光标 表示要创建别名或快捷方式
copy 复制光标 表示可以复制某些内容
move 移动光标 表示可以移动鼠标下方的对象
no-drop 无丢游标 表示所拖动的项目不能放置在当前位置
not-allowed 不允许的游标 表示无法完成某事
all-scroll 全滚动光标 表示对象可以沿任何方向滚动(平移)
col-resize 彩色游标 表示可以水平调整列的大小
row-resize 行大小调整游标 表示可以垂直调整行的大小
n-resize N尺寸游标 表示对象的边缘可以向上(向北)移动
e-resize 电子调整游标 表示对象的边缘可以向右(向东)移动
s-resize S调整游标 表示对象的边缘可以向下(向南)移动
w-resize W尺寸游标 表示对象的边缘可以向左(向西)移动
ne-resize NE调整大小的游标 表示对象的边缘可以向上和向右(北/东)移动
nw-resize NW调整游标 表示对象的边缘可以向上和向左(北/西)移动
se-resize SE调整游标 表示对象的边缘可以向下和向右(向南/向东)移动
sw-resize SW调整游标 表示对象的边缘可以向下和向左(南/西)移动
ew-resize EW调整游标 表示可以双向调整对象大小的光标
ns-resize NS调整大小的游标
nesw-resize NESW调整大小的游标
nwse-resize NWSE调整大小的游标
zoom-in 放大光标 表示可以放大某些内容
zoom-out 缩小光标 表示可以缩小某些内容
grab 抓取光标 表示可以抓取(拖动)某些东西
grabbing 抓取光标 表示已经抓取到某些东西
url("")    自定义光标的样式,括号中的内容为光标图像的源文件路径

标签:表示,鼠标,对象,可以,cursor,光标,CSS,移动,resize
From: https://www.cnblogs.com/sky6699/p/18191791

相关文章

  • CSS布局概念与技术教程
    以下是一份CSS布局学习大纲,它涵盖了基本到高级的CSS布局概念和技术引言欢迎来到CSS教程!如果你已经掌握了HTML的基础知识,那么你即将进入一个全新的世界,通过学习CSS(CascadingStyleSheets,层叠样式表),你将能够赋予网页丰富的视觉效果和布局。CSS是前端开发中不可或缺的一部分,它可......
  • WEB自动化测试-CSS定位
    CSS相对定位:1、可维护性更强2、语法更加简洁3、可以解决复杂定位场景调试方法:1、进行浏览器的console:2、输入:$(""),输入内有字符串和外层字符串相反,外单内双,外双内单CSS基础语法4方式1、id:$("#site-logo")格式:$("#+id")2、class:(".logo-big")格式:$("......
  • css-flex布局 space-between最后一行向左对齐
    首先我们实现的是如下图<template><divclass="father"><divclass="child"></div><divclass="child"></div><divclass="child"></div><divclass="child......
  • 《最新出炉》系列入门篇-Python+Playwright自动化测试-46-鼠标滚轮操作
    1.简介有些网站为了节省流量和资源,提高加载效率,采用的是动态加载(懒加载)的,也就是当拖动页面右侧滚动条后会自动加载网页下面的内容,不拖动就不会加载的或者通过鼠标滚轮操作。2.wheel模拟鼠标滚动wheel模拟鼠标滚动,就是通过调度一个wheel事件。(滚轮事件如果不处理可能会导致滚动,......
  • Cursor 光标
    系统光标资源名称APPSTARTING   标准的箭头和小沙漏ARROW         标准的箭头CROSS         十字光标HELP          标准的箭头和问号IBEAM         工字光标NO            禁止圈SIZEALL       四向箭头指向......
  • CSS在线格式化、美化、压缩工具
    网上有不少CSS格式化压缩的工具,但是不少站点有广告干扰,或操作起来不方便,或打开速度比较慢,所以自己定制了这个css格式化压缩的工具,也希望对大家有帮助,提供的这个CSS代码格式化和css在线压缩工具,不需要下载使用YUICompressor或CSSTidy等离线格式化工具,直接在线压缩操作即可。免......
  • CSS-Grid网格布局学习心得
    CSS-grid属性:value(可选值):<'grid-template'>|<'grid-template-rows'>/[auto-flow&&dense?]<'grid-auto-columns'>?|[auto-flow&&dense?]<'grid-auto-rows'>/<'g......
  • 网页根据屏幕宽度请求不同的CSS文件
    网页根据屏幕宽度请求不同的CSS文件前言:重在记录,可能出错。一、代码<!DOCTYPEhtml><htmllang="ch"> <head> <title>网页根据屏幕宽度请求不同的CSS文件</title> <linkid="desktop-style"media="onlyscreenand(min-width:960px)"type=&......
  • 自定义鼠标设置-中键设置为后退
    这个软件能够修改鼠标的很多设置公司配置的鼠标没有侧边按键导致没有后退按键可以使用,使阅读代码不够流畅使用这款软件就能将中间设置为后退,使阅读代码更加流畅下载网站为https://www.highrez.co.uk/downloads/XMouseButtonControl.htm汉化语言包链接为https://www.highr......
  • Selenium4自动化测试3--元素定位By.NAME,By.LINK_TEXT 和通过链接部分文本定位,By.PARTI
    4-通过名称定位,By.NAMEname属性为表单中客户端提交数据的标识,一个网页中name值可能不是唯一的。所以要根据实际情况进行判断 importtimefromseleniumimportwebdriverfromselenium.webdriver.common.byimportBy#指定浏览器的位置,解决浏览器驱动和浏览器版本不匹配......