前端:HTML鼠标样式及其对应的CSS属性值

1、默认箭头样式:

selector {
  cursor: default;
}

2、手型样式

selector {
  cursor: pointer;
}

3、文本选择样式:

selector {
  cursor: text;
}

4、移动手型样式:

selector {
  cursor: move;
}

5、缩放手型样式:

selector {
  cursor: zoom-in;
  /* 或者使用 zoom-out */
}

6、禁止符号样式:

selector {
  cursor: not-allowed;
}

7、使用url()函数来指定自定义图像的路径 

selector {
  cursor: url('custom_cursor.png'), auto;
}

猜你喜欢

转载自blog.csdn.net/weixin_46001736/article/details/134695636