將默認光標樣式更改爲自定義光標

我正在製作Web應用程序。在我的Web應用程序中，我想將默認光標更改爲自定義光標。爲此，我將以下代碼應用於頭元素的XHTML頁面中。將默認光標樣式更改爲自定義光標

<html> 
<head> 
    <style type="text/css"> 
     body{ 
      cursor: url('images/normal.ani') 
     } 
    </style> 
</head> 
<body> 
    <p> Hello World</p> 
</body>

現在，此代碼工作正常，並更改默認光標到我的自定義光標在Internet Explorer 7.0。但是相同的代碼在Mozilla Firefox（15.0.1）和Google Chrome（21.0）中不起作用。請幫我.... 感謝ü提前

來源

2012-09-25 user1934213

這不是[XHTML]（HTTP ：//www.w3.org/TR/xhtml1/#normative）。 –

http://stackoverflow.com/a/6982850/1354978 – earlonrails

好吧對不起，我忘記附上HTML標籤..但你可以把這個頁面作爲純HTML頁面。在Html頁面也不起作用 – user1934213

火狐需要第二個非url參數如

cursor: url('images/normal.ani'), auto;

有一個在怪異模式CSS2 - Cursor Styles一個很好的參考

來源

2012-09-25 05:39:44 Rab

嗨，我嘗試了同樣的事情，但它仍然沒有工作，並顯示我只有默認光標。 – user1934213

我相信您只能在IE中使用文件類型.ani和動畫光標（.ani，.gif）。約光標Mozilla的開發人員

頁網址

https://developer.mozilla.org/en-US/docs/CSS/Using_URL_values_for_the_cursor_property

郵政在這裏如果你有興趣在周圍的工作（相當雖然醜陋）

http://ye5.blogspot.co.nz/2011/01/animated-mouse-cursor-on-mozilla.html

來源

2012-09-25 05:43:26 OJay

我已經嘗試過所有的格式，如.ani，.cur，.gif，.ico但我仍然只有默認光標。 – user1934213

我自己做了一個測試，用下面的代碼， body：{（cursor/pointer.cur'），auto; } 它在chrome v 21和firefox v 15中均可正常工作。絕對需要最後的「，auto」 – OJay

將默認光標樣式更改爲自定義光標

回答

相關問題