CSS中設(shè)置鼠標(biāo)樣式

css
小億
152
2023-12-20 15:38:28

在CSS中，可以通過(guò)cursor屬性來(lái)設(shè)置鼠標(biāo)樣式。可以使用cursor屬性的各種預(yù)定義的值來(lái)設(shè)置不同的鼠標(biāo)樣式，例如：

  1. auto: 默認(rèn)值，由瀏覽器根據(jù)當(dāng)前上下文自動(dòng)選擇鼠標(biāo)樣式。
  2. pointer: 鼠標(biāo)指針會(huì)變成一個(gè)手形，表示鏈接可以被點(diǎn)擊。
  3. text: 鼠標(biāo)指針會(huì)變成一個(gè)文本插入符號(hào)，表示可以輸入文本。
  4. move: 鼠標(biāo)指針會(huì)變成一個(gè)帶有四個(gè)箭頭的十字形狀，表示可以移動(dòng)元素。
  5. not-allowed: 鼠標(biāo)指針會(huì)變成一個(gè)圓圈加斜杠的形狀，表示不允許進(jìn)行某個(gè)操作。
  6. crosshair: 鼠標(biāo)指針會(huì)變成一個(gè)十字形狀，表示可以進(jìn)行選擇操作。
  7. wait: 鼠標(biāo)指針會(huì)變成一個(gè)旋轉(zhuǎn)的圓圈，表示正在等待某個(gè)操作完成。

可以使用這些值中的任何一個(gè)來(lái)設(shè)置鼠標(biāo)樣式，例如：

.element {
  cursor: pointer;
}

這將使.element元素的鼠標(biāo)指針變成一個(gè)手形。

0 踩