在CSS中,大家可以使用 cursor 属性来改变鼠标的样式。cursor属性有多种取值,包括default、pointer、text等等,下面大家以pointer为例:
.clickable-element { cursor: pointer; }
如上所示,大家在需要改变鼠标手形的元素上添加了一个 “.clickable-element” 的类名,并在 CSS 中给这个类名设置了 cursor: pointer; 属性。这样当鼠标放在该元素上时,就会变成手形。
除了 pointer 样式,cursor 属性还可以设置其他样式,例如:
.drag-handle { cursor: grab; } .drag-handle:active { cursor: grabbing; }
如上所示,大家在拖动操作时可以使用 grab 和 grabbing 样式来改变鼠标的外观。.drag-handle 类名给了一个默认的鼠标指针,当鼠标按下时,大家可以使用 :active 伪类来改变指针样式为 grabbing,从而让用户得到更直观的反馈。
总之,CSS 中的 cursor 属性是一个非常实用的特性,它可以让大家通过改变鼠标的外观来增加交互性和用户体验。