CSS中,可以使用cursor属性来设置鼠标的形状。在不同的场景下,我们可以使用不同的值来改变鼠标的样式。 cursor: pointer; / 鼠标变成手型 / cursor: default; /...
CSS中,可以使用cursor属性来设置鼠标的形状。在不同的场景下,我们可以使用不同的值来改变鼠标的样式。
cursor: pointer; /* 鼠标变成手型 */
cursor: default; /* 鼠标恢复默认形状 */
cursor: text; /* 鼠标变成I型,表示可以输入文本 */
cursor: wait; /* 鼠标变成沙漏样式,表示等待 */
cursor: help; /* 鼠标变成问号样式,表示需要帮助 */
cursor: move; /* 鼠标变成移动样式,表示可以移动元素 */
cursor: not-allowed; /* 鼠标变成圆圈加斜杠样式,表示不允许使用 */
/* ...... */ 除了上述常用的鼠标形状值外,还有许多其他的值可以使用,如crosshair、e-resize、grab等等。我们可以根据具体的需求来选择不同的值。
需要注意的是,cursor属性并不是所有元素都支持,如表单元素、图片等并不支持设置鼠标形状。此外,某些浏览器也可能不支持某些鼠标形状值,因此在实际开发中需要谨慎使用。