CSS的鼠标为手形: cursor:pointer;

最新推荐文章于 2024-07-17 11:42:14 发布
最新推荐文章于 2024-07-17 11:42:14 发布
阅读量277 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： web前端 文章标签： CSS IE Firefox JavaScript ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/iteye_18766/article/details/81927413
本文介绍了如何在不同浏览器中设置CSS鼠标为手形。在IE中使用cursor: hand;而在Firefox和其他现代浏览器中则需要使用cursor: pointer;以实现跨浏览器兼容。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

[align=center][size=xx-large][color=violet]CSS的鼠标为手形:cursor[/color][/size][/align]

在IE下，设置CSS的鼠标为手形，通常用：
 cursor：hand;
这在Firefox下是无效的。在Firefox下，欲使鼠标的形状呈现手形，得用 pointer 值： 
cursor：pointer;
这在IE和Firefox下都是通用的。

父页面的重载。

window.opener.location.reload(true);
cursor:hand与cursor:pointer的区别介绍
09-25
cursor:pointer则是在CSS2中被标准化的属性值，它被设计为在所有浏览器中提供一致的手形光标效果，用于表示某个元素是可交互的，比如链接或按钮。Firefox浏览器和其他基于Gecko的浏览器支持cursor:pointer，但它们不...
IE与Firefox中兼容的html设计中使用CSS改变鼠标为手形
09-27
在IE中，可以使用`cursor: hand`属性来设置鼠标指针为手形，但在Firefox和其他遵循W3C标准的浏览器中，正确的属性应该是`cursor: pointer`。 早期的IE浏览器（主要是IE4到IE7）支持`cursor: hand`，这个非标准属性...
html超链接鼠标显示样式
JJmaiz-麦嘉俊-Concentrate on Web
08-31 8879
aaa default 默认光标（通常是一个箭头） auto 默认。浏览器设置的光标。 crosshair 光标呈现为十字线。 pointer 光标呈现为指示链接的指针（一只手） move 此光标指示某对象可被移动。 e-resize 此光标指示矩形框的边缘可被
页面中使鼠标指针变手形
ccsky001的天空
01-10 1786
style="cursor:hand;"可以用在你需要的地方 
CSS 实现十字架代码
weixin_34228662的博客
09-05 1934
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> * { ...
cursor:pointer 鼠标经过时，显示手指图像
风雨无阻
07-20 5727
style="cursor:pointer"   手型鼠标； cursor:hand 与 cursor:pointer 的效果是一样，都像手形光标。但用FireFox浏览时才注意到使用cursor:hand在FireFox里并被支持。 cursor:hand ：IE完全支持。但是在firefox是不支持的，没有效果。 cursor:pointer ：是CSS2.0的标准。所以firefox是...
JavaScript中onmouseover时如何让鼠标指针变成一个小手状
dsp_daiyujie的专栏
10-03 1870
JavaScript中onmouseover时如何让鼠标指针变成一个小手状 JavaScript中onmouseover时如何让鼠标指针变成一个小手状 收藏 onmouseout="this.style.cursor='normal'>asfd       cursor其他取值   auto                     ：标准光标   default
css鼠标样式 cursor: pointer
uaena的博客
08-15 959
cursor: none; cursor:not-allowed; 禁止选择 user-select: none
CSS中cursor:pointer的作用
热门推荐
sx_lz_1119的博客
12-28 4万+
cursor:pointer的作用
Css中cursor:pointer的作用(鼠标指针变小手)
Y2960018173的博客
12-14 2839
cursor : 网页浏览时用户鼠标指针的样式或图形形状。wait：光标指示程序正在忙（通常是一只表或者一个沙漏）cursor:pointer的作用（鼠标指向的样式）default：默认光标（默认是一个箭头）auto：默认，浏览器设置的光标。crosshair：光标为十字线。pointer：光标为一只手。move：光标为某对象可移动。text：光标指示文本。
cursor: pointer；
weixin_42379371的博客
07-17 210
是css的一个属性，用于设置鼠标指针在元素上的样式为手型。
css鼠标样式cursor介绍(鼠标手型)
09-25
本文将详细介绍CSS中的cursor属性及其不同值的具体效果，并通过小例子来说明如何在实际网页中使用这些鼠标样式。 首先，我们来理解cursor属性的基本语法。在HTML标签中，可以直接通过style属性为元素指定鼠标的样式...
CSS实现背景图尺寸不随浏览器缩放而变化的两种方法
阳光雨露
05-24 6190
CSS实现背景图尺寸不随浏览器缩放而变化的两种方法   body{ margin:0; padding:0;} #con{ position:absolute; top:0; left:0; height:100%; width:100%; background-image:url("maskimg/star.jpg"); background-positio...
备忘 nodejs生产pdf 组件 node-wkhtmltopdf
阳光雨露
02-22 1152
备忘 nodejs生产pdf 组件 node-wkhtmltopdf A Node.js wrapper for the wkhtmltopdf command line tool. As the name implies, it converts HTML documents to PDFs using WebKit. [size=x-large][color=red]将Html ...
input 提示文字
阳光雨露
03-02 1148
大家都见到很多网站的文本框都有灰色提文字，一点即消失，鼠标一开又出现（没填写状态下）用下面这段短短的代码就可以实现啦！  将这段代码加载input 中！   &lt;input id="" name="" value="提示文字" onFocus="if(value=='提示文字'){value='';this.style.color='#000'}" onBlur="if(!value)...
nodejs递归创建多层目录
阳光雨露
02-22 1033
nodejs递归创建目录，同步和异步方法。在官方API中只提供了最基本的方法，只能创建单级目录，如果要创建一个多级的目录（./aaa/bbb/ccc）就只能一级一级的创建，感觉不是很方便，因此简单写了两个支持多级目录创建的方法。 直接代码： [code="javascript"] /** * Created by RockeyCai on 16/2/22. * 创建文件夹帮助...
用PhantomJS来给AJAX站点做SEO优化
阳光雨露
09-21 1025
转 https://www.mxgw.info/t/phantomjs-prerender-for-seo.html   腾讯问卷所有动态内容，全部由Ajax接口提供。 众所周知，大部分的搜索引擎爬虫都不会执行JS，也就是说，如果页面内容由Ajax返回的话，搜索引擎是爬取不到部分内容的，也就无从做SEO了。 先来看看效果 去年一整年，搜索引擎收录都少得可怜。 更致命的是，被收录...
JavaScript格式化数字显示格式
阳光雨露
02-15 1021
JavaScript格式化数字显示格式 [code="JavaScript"] /** * 格式化数字显示方式 * 用法 * formatNumber(12345.999,'#,##0.00'); * formatNumber(12345.999,'#,##0.##'); * formatNumber(123,'000000'); * @param ...
openlayers标记点设置css样式cursor: pointer;
最新发布
09-19
在OpenLayers中，当你需要在一个标记点（Marker）上设置CSS样式`cursor: pointer;`，这意味着你想要鼠标悬停在该标记点时显示一个默认的手指点击手势。这通常用于提供交互提示，表示用户可以单击或点击这个位置。 要在OpenLayers的Marker上应用此样式，你需要在创建Marker实例时添加CSS类，并确保这个类包含了`cursor:pointer`属性。例如： ```javascript var markerStyle = new ol.style.Style({ image: new ol.style.Icon({ src: 'marker-icon.png', // 标记图标路径 size: [20, 20] // 图标尺寸 }), cursor: 'pointer', // 设置鼠标样式 fill: new ol.style.Fill({ color: 'rgba(0, 0, 0, 0.2)' }), // 可选，填充颜色 stroke: new ol.style.Stroke({ color: '#fff', width: 1 }) // 可选，边框样式 }); var marker = new ol.layer.Vector({ source: new ol.source.Vector({ features: [ new ol.Feature({ geometry: new ol.geom.Point([lon, lat]), // 点的经纬度坐标 style: markerStyle // 应用自定义样式 }) ] }) }); ``` 在这个例子中，当用户的鼠标悬停在Marker上时，它会显示一个手指形状，表明这是可交互的。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值