最近再設計公司的官網,想說做個有趣的滑鼠游標,但照網路上的教學都設定失敗,後來摸索了一下,終於找到設定方法了!


一般都是教去這裡的style.css修改,但不論我怎麼改都失敗,但也有可能是使用Elementor模板的關係。


後來是到自訂>附加的CSS去加上語法,就設定成功。


語法如下:
body {
    cursor: url(請輸入圖片網址), auto;
}

a:hover {
    cursor: url(請輸入圖片網址),auto;
}

其中body是一般狀況下的滑鼠游標,而a:hover則是有連結時的滑鼠游標。

 

參考資源:
WordPress修改滑鼠指針 https://www.arefly.com/wordpress-mouse-cur/

文章標籤
全站熱搜
創作者介紹
創作者 韋恩食記 的頭像
韋恩食記

韋恩食記

韋恩食記 發表在 痞客邦 留言(0) 人氣(1,617)