CSS 中鼠標(biāo)狀態(tài)是指將鼠標(biāo)移動到頁面的某個元素上時,鼠標(biāo)呈現(xiàn)的狀態(tài),其主要包括四種狀態(tài):默認(rèn)狀態(tài)、指針狀態(tài)、文本狀態(tài)和等待狀態(tài)。
/* 默認(rèn)狀態(tài) */
selector {
cursor: auto;
}
/* 指針狀態(tài) */
selector {
cursor: pointer;
}
/* 文本狀態(tài) */
selector {
cursor: text;
}
/* 等待狀態(tài) */
selector {
cursor: wait;
}
默認(rèn)狀態(tài)(auto)就是指鼠標(biāo)不做任何操作時的狀態(tài),通常為箭頭形狀。
指針狀態(tài)(pointer)就是鼠標(biāo)移動到具有點擊事件的元素上時的狀態(tài),通常為手形狀。
文本狀態(tài)(text)一般出現(xiàn)在文本輸入框內(nèi),表示鼠標(biāo)可以在其中輸入文本,通常為豎杠形狀。
等待狀態(tài)(wait)通常出現(xiàn)在需要加載時間的元素上,如Ajax 請求或視頻加載等,通常為鐘表或旋轉(zhuǎn)圓形。
需要注意的是,不同的瀏覽器可能對鼠標(biāo)狀態(tài)的顯示效果存在差異,因此在開發(fā)時需多進(jìn)行測試。