CSS中鼠標經(jīng)過變手指示是Web開發(fā)中一個常用的交互效果，可以讓用戶明確地知道當前鼠標具有哪些可操作的功能。下面我們來分享一下如何在CSS中實現(xiàn)鼠標經(jīng)過變手指示。
/* 鼠標經(jīng)過變手指示 */
:hover {
cursor: pointer;
}如上代碼，只需要在樣式中添加:hover偽類，然后設置cursor屬性為pointer即可。在文本、按鈕、鏈接等元素上均可實現(xiàn)鼠標經(jīng)過變手指示效果。
我們還可以通過設置不同的cursor值來實現(xiàn)不同的鼠標經(jīng)過效果。以下是常用的一些cursor值和對應的效果：
/* 鼠標經(jīng)過變手指示 */
:hover {
cursor: pointer; /* 指針 */
cursor: text; /* 文本光標 */
cursor: wait; /* 等待 */
cursor: help; /* 幫助 */
cursor: not-allowed; /* 禁止 */
cursor: move; /* 移動 */
cursor: crosshair; /* 十字線 */
cursor: url(cursor.png) 10 10,auto; /* 自定義圖片光標 */
}需要注意的是，不同的瀏覽器對自定義光標的支持程度不同。如果需要支持多個瀏覽器，建議使用多個不同格式和大小的光標圖片，然后通過HTML<head></head>區(qū)域中的<style></style>標簽內(nèi)添加多個不同瀏覽器對應的CSS代碼來設置光標圖片，最后調(diào)用自定義光標。