CSS 遊標

CSS 遊標屬性，用於在滑鼠移動到某個區域或通過網頁上的連結時定義遊標型別（即滑鼠指標）。

改變游標的外觀

瀏覽器通常將滑鼠指標顯示在網頁的任何空白部分上，將手套放在任何連結或可點選的專案上，並將編輯游標移到任何文字或文字欄位上。使用 CSS，你可以重新定義這些屬性以顯示各種不同的遊標。

h1 {
    cursor: move;
}
p {
    cursor: text;
}

下表演示了大多數瀏覽器將接受的不同遊標。將滑鼠指標放在輸出列中的 TEST 連結上以顯示該游標。

建立自定義游標

它也可以有完全定製的遊標。

cursor 屬性處理以逗號分隔的使用者定義遊標值列表，後跟通用遊標。如果第一個遊標指定不正確或無法找到，將使用逗號分隔列表中的下一個遊標，依此類推，直到找到可用的遊標。

如果瀏覽器沒有任何使用者定義的遊標有效或支援，則將使用列表末尾的通用遊標。

提示： 可以用於遊標的標準格式是 .cur 格式。但是，你可以使用線上免費提供的 Image Converter 軟體將影像 .jpg 和 .gif 等轉換成 .cur 格式。

a {
    cursor: url("custom.gif"), url("custom.cur"), default;
}

在上面的示例中 custom.gif ， custom.cur 是自定義游標檔案，上傳到你的伺服器空間，並且 default 是在缺少自定義游標或檢視器瀏覽器不支援時將使用的通用游標。

警告： 如果要宣告自定義游標，則必須在列表末尾定義通用游標，否則自定義游標將無法正確呈現。

注意： IE9 及更早版本僅支援 .cur 靜態遊標和 .ani 動畫遊標型別的 URL 值。然而，瀏覽器如 Firefox，Chrome 和 Safari 瀏覽器支援 .cur ， .png ， .gif 和 .jpg ，但不支援 .ani 。