在 CSS 中,我们经常使用 cursor 属性来定义鼠标移动到元素上时应该显示何种形状的光标。
下面是常见的几种 cursor 属性值:
cursor: auto; /* 默认值,继承父元素的cursor属性或者显示浏览器的默认光标 */ cursor: pointer; /* 鼠标悬停在可点击的元素上时,光标变为手型 */ cursor: text; /* 鼠标悬停在文本输入框中时,光标变为竖线,可以输入文本 */ cursor: not-allowed; /* 禁止点击的元素上鼠标悬停时,光标变为一个圈加一条斜线 */ cursor: wait; /* 表示需要等待,鼠标光标变成一个旋转的圈 */ cursor: help; /* 表示需要帮助,鼠标光标变成一个问号 */
此外,还有其他一些 cursor 属性值可以使用,包括 crosshair、move、text、vertical-text、progress、cell、context-menu、alias 和 copy 等,每个值都对应着不同的光标形状。
使用 cursor 属性可以增强用户体验,帮助用户更好地理解页面元素的交互效果,使网页看起来更加美观和专业。