css 更改鼠标为手状样式

在自行设置的div或者其他标签中，为了更好的体验效果，会将在滑动过程中，将鼠标变为手势

简单总结下css对应的样式。

所在的div中，添加cursor:pointer即可。

示例：

<div id="doPrint" style="border: solid;width: 64%;margin: 0% 20%;height: 65%;display: block;cursor:pointer;">手势变化区域
</div>

对应的属性值还有如下：

auto                    ：标准光标
default                 ：标准箭头
pointer, hand           ：手形光标
wait                    ：等待光标
text                    ：I形光标
vertical-text           ：水平I形光标
no-drop                 ：不可拖动光标
not-allowed             ：无效光标
help                    ：帮助光标
all-scroll              ：三角方向标
move                    ：移动标
crosshair               ：十字标

css 更改鼠标为手状样式相关推荐

使用CSS更改鼠标（光标的样式）
使用CSS中的cursor属性,来定义鼠标指针放在一个元素范围内时,所使用的光标的形状 cursor属性的语法 cursor: auto | crosshair | default | hand | ...
用css 添加手状样式,鼠标移上去变小手,变小手
用css 添加手状样式,鼠标移上去变小手,变小手 cursor:pointer; 用JS使鼠标变小手onmouseover(鼠标越过的时候) onmouseover="this.style. ...
鼠标指向变小手css,用css 添加手状样式,鼠标移上去变小手,变小手
简介这篇文章主要介绍了用css 添加手状样式,鼠标移上去变小手,变小手以及相关的经验技巧,文章约1426字,浏览量431,点赞数1,值得参考! 用css 添加手状样式,鼠标移上去变小手,变小手 cur ...
css 样式手形,css 添加手状样式
用css 添加手状样式,鼠标移上去变小手,变小手 cursor:pointer; 用JS使鼠标变小手onmouseover(鼠标越过的时候) οnmοuseοver="this.style. ...
css中鼠标变成手型设置
css中鼠标变成手型设置不需要:hover选择主要依赖cursor属性,对应的设置值如下: default:标准箭头 //这是默认的样式 pointer:手形光标 wait :等待光标 text: ...
css更改鼠标指针样式，几种鼠标点击效果
原文链接 : https://blog.csdn.net/qq_42038623/article/details/104875481 更改鼠标指针样式 1. 鼠标指针的不同样式平常,我们在浏览界面时 ...
css修改鼠标点击的样式表
更改鼠标指针样式鼠标指针的不同样式平常,我们在浏览界面时,会发现鼠标的样式有所不同,鼠标的样式变化和cursor属性有关.cursor属性的几个关键字:default.pointer.wait.h ...
CSS设置鼠标变成手样式
CSS部分 .aa :hover {cursor: pointer; } 你可以使用 CSS 的 cursor 属性来设置鼠标悬停在数据上时的样式.默认情况下,当鼠标悬停在一个链接上时,会显示为手型. ...
css更改鼠标箭头样式
cursor其他取值auto :标准光标 default :标准箭头 pointer, hand :手形光标 crosshair :十字标 wait :等待光标 text :I形光标 vertical ...
echarts饼图取消鼠标小手的样式
如图所示: 当鼠标滑过圆环和圆环内文字的时候,鼠标是小手,但是客户呢,就不想要小手样式首先,我查询了echarts官网,发现饼图的 cursor 属性然后在代码中修改: series: [{... ...

css 更改鼠标为手状样式

css 更改鼠标为手状样式相关推荐

最新文章

热门文章