iT邦幫忙

0

關於CSS 自訂游標問題

RIN 2021-01-08 13:36:254022 瀏覽
  • 分享至 

  • xImage

各位大大午安

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

但我這邊會變成以下錯誤
https://ithelp.ithome.com.tw/upload/images/20210108/20129506vZoUUOM9bN.png

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

cursor : url(路徑/ANI,CUR,JPG,PNG), pointer; =>這才是對的吧
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中
1
讓我靜靜...
iT邦新手 5 級 ‧ 2021-01-08 13:45:02

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

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

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

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

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

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

1
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

我要發表回答

立即登入回答