CSS中cursor的属性hander和pointer
在CSS中手型指针有cursor:hand和cursor:pointer两种写法,其中 cursor:hand在FireFox中不支持,返回错误!
cursor:hand 与 cursor:pointer 的效果是一样,都像手形光标。但用FireFox浏览时才注意到使用cursor:hand在FireFox里并被支持。
cursor:hand :IE完全支持。但是在firefox是不支持的,没有效果。
cursor:pointer :是CSS2.0的标准。所以firefox是支持的,但是IE5.0既之前版本不支持。IE6开始支持。
IE5 |
IE6 |
IE7 |
Firefox |
|
cursor:pointer |
× |
√ |
√ |
√ |
cursor:hand |
√ |
√ |
√ |
× |
附:cursor属性收集
光标类型 CSS
十字准心 cursor: crosshair;
手 cursor: pointer;
cursor: hand;
写两个是为了照顾IE5,它只认hand。
等待/沙漏 cursor: wait;
帮助 cursor: help;
无法释放 cursor: no-drop;
文字/编辑 cursor: text;
可移动对象 cursor: move;
向上改变大小(North) cursor: n-resize;
向下改变大小(South) cursor: s-resize;
向右改变大小(East) cursor: e-resize;
向左改变大小(West) cursor: w-resize;
向上右改变大小(North East) cursor: ne-resize;
向上左改变大小(North West) cursor: nw-resize;
向下右改变大小(South East) cursor: se-resize;
向下左改变大小(South West) cursor: sw-resize;
自动 cursor: auto;
禁止 cursor:not-allowed;
处理中 cursor: progress;
系统默认 cursor: default;
用户自定义(可用动画) cursor: url(‘ # ‘);
# = 光标文件地址 (注意文件格式必须为:.cur 或 .ani)。
CSS中cursor的属性hander和pointer相关推荐
- DIV css中cursor属性详解-鼠标移到图片变换鼠标形状 (转)
css中cursor属性详解-鼠标移到图片变换鼠标形状 语法: cursor : auto | all-scroll | col-resize| crosshair | default | hand ...
- css中文本指什么,CSS中的文本属性
本文总结一下CSS中关于文字的相关属性,最后给出实例. CSS基础文字属性 文字的基础属性主要包括:字体.颜色和文本.除去颜色color的属性外,字体和文本的相关属性可以权威参考: CSS 文本属性( ...
- html dom style pointer-events,如何在CSS中使用pointer-events属性
如何在CSS中使用pointer-events属性 发布时间:2021-03-26 17:02:35 来源:亿速云 阅读:57 作者:Leah 今天就跟大家聊聊有关如何在CSS中使用pointer-e ...
- css text top,text-align属性(css中文本对齐属性)
text-align属性 设置h1.h2.h3元素的文本对齐方法: h1{text-align:center} h2{text-align:left} h3{text-align:right} 亲自试 ...
- CSS中的resize属性
CSS | 调整属性 (CSS | resize Property) Starting note: 开始说明: We deal with various elements regularly whil ...
- html text align属性,CSS中的text-align属性怎么用
CSS的text-align属性可用于设置文本的位置,接下来的这篇文章将给大家介绍关于CSS中的text-align属性的用法,下面我们来看具体的内容. 我们先来看一段简单的代码 在此处显示文字 效果 ...
- CSS中Position定位属性的使用
文章目录 CSS中定位属性的使用 position:absolute position:relative position:fixed position:sticky position:static ...
- html页边距为负值,css中的padding属性可以为负值吗?css中padding属性的详解
关于css盒模型中的内边距padding属性的详细介绍,还有新手常犯的一个错误,内边距padding属性真的能写入负值.这个答案在文章的最后,现在就让我们一起来看这篇文章吧 首先我们介绍的是第一个问题 ...
- 【CSS】【position】css中的position属性
css中的position属性用于设置元素位置的确定方式,它有以下几种取值: static:默认定位方式,子元素在父容器中挨个摆放 absolute:绝对定位,元素不占据父容器空间,相当于文档body ...
最新文章
- zabbix 源码编译安装
- 91. 最短Hamilton路径【状压DP】
- Opengl超级宝典笔记——空间绘图画点
- 前端学习(3302):createRef
- C语言 全局变量和局部变量区别 - C语言零基础入门教程
- 软件工程第八次作业——例行报告
- 微信小程序 一些要点
- 51nod1574排列转换
- C程序设计--排序(冒泡、选择、插入)--插入
- python 谷歌翻译 api_调用谷歌翻译API
- foobar2000 for mac(经典音乐播放器)
- 芯片的组成材料是什么?详述芯片分类
- Google Colab 详细注册教程
- (三)幸福取决于关注点所在
- pairing function
- 华为服务器2285怎么做系统,华为服务器2285进bios
- 可等待计时器与用户计时器
- Android 11 中文件存储(FileNotFoundException open failed: EPERM (Operation not permitted))
- HyperMesh快捷键、鼠标操作、键盘操作
- [offer收割]编程联系赛2-A 买零食
热门文章
- 微信小程序|使用小程序制作一个节日祝福生成器
- java csv 引号_csv文本编辑引号问题
- 人力资源管理计算机基础,人力资源管理-专-李佑强-计算机应用基础实践报告
- 【学习笔记】面向对象和封装
- js+css3的卡牌抽奖特效动画
- 史上最难618,公域遇冷、私域热
- 阿里巴巴收购中天微,中国“芯”指日可待!
- JavaWeb项目+MVC三层架构+Mysql+Tomcat+汽车配件销售系统前后端+可以用于学习javaweb项目入门
- **薛定谔名著《生命是什么》体会**
- Oracle 最大最小值