關於CSS 自訂游標問題

游標 css

RIN 2021-01-08 13:36:25 ‧ 3710 瀏覽

各位大大午安

小的想改網頁的游標，
上網爬文是說只要打 cursor: url('檔案'); 就行了

但我這邊會變成以下錯誤

想請教大大們更改鼠標的方法 OTL
感激不盡！！！

窮嘶發發發 iT邦高手 1 級 ‧ 2021-01-08 13:49:35 檢舉

cursor : url(路徑/ANI,CUR,JPG,PNG), pointer; =>這才是對的吧

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

讓我靜靜...

iT邦新手 5 級 ‧ 2021-01-08 13:45:02

加上css的樣式試試,如下
cursor: url('圖片'), pointer;

參考這篇:https://www.itread01.com/content/1547327181.html

㊣浩瀚星空㊣

iT邦大神 1 級 ‧ 2021-01-08 14:58:26

body{
    cursor:url('圖片路徑'),-moz-zoom-out;
    cursor:url('圖片路徑'),auto;
    cursor:url('圖片路徑'),pointer;
}

圖片如果可以，盡量用ico格式。且用32*32為主。
有些瀏覽器不吃ani。
如果擔心圖片問題，可以用

    cursor:url('圖片路徑.ani'),url('圖片路徑.ico'),auto;

會自動找適合的圖片應用。

hsiu753

iT邦新手 4 級 ‧ 2021-08-09 17:05:02

cursor:url('圖片路徑'),auto;

前面的url是自定義鼠標圖標路徑，auto是css標準的cursor樣式(作為備用，建議要寫)

.ani可能還是會有問題，有找到有人也有一樣的問題，回答那邊有詳細內容，提供給你參考
https://stackoverflow.com/questions/25330170/cant-use-ani-cursor-in-css

立即登入回答