css设置鼠标的样式
css控制鼠标样式
·
CSS 中的cursor属性控制鼠标光标位于设置此属性的元素上时的外观。它们主要用于用户体验,以传达某些功能的想法
除了上述提供的默认样式外,也可以使用定制化图标(使用自定义图标时,一定要在后面跟上一个可替代图标,用于防止自定义图标不显示导致问题):
.custom {
/* 这里第二个值是回滚 */
cursor: url(images/my-cursor.png), auto;
/* 你可能需要坐标来调整指针,
例如,自定义光标是圆形的,
你希望中间是你单击的位置 */
cursor: url(target.svg) 15 15, move;
}
一些仅限 WebKit 的游标:
-webkit-zoom-in
-webkit-zoom-out
-webkit-zoom-grab
-webkit-zoom-grabbing
更多推荐
已为社区贡献2条内容
所有评论(0)