/* 鼠标样式为默认箭头 */ .cursor-default { cursor: default; } /* 鼠标样式为手型 */ .cursor-pointer { cursor: pointer; } /* 鼠标样式为等待 */ .cursor-wait { cursor: wait; } /* 鼠标样式为文本输入 */ .cursor-text { cursor: text; } /* 鼠标样式为禁止 */ .cursor-not-allowed { cursor: not-allowed; } /* 鼠标样式为移动 */ .cursor-move { cursor: move; } /* 鼠标样式为缩放 */ .cursor-zoom-in { cursor: zoom-in; } /* 鼠标样式为放大 */ .cursor-zoom-out { cursor: zoom-out; }
以上是几种常用的 CSS 鼠标样式,大家可以根据不同的需求选择不同的样式。在使用时只需要将对应的类名添加到 HTML 元素的 class 属性中即可。
需要注意的是,某些鼠标样式可能不被所有的浏览器支持,因此大家需要测试和适配不同的浏览器,确保鼠标样式能够被正确地显示。