2012-07-31 36 views
-1

可能重複:
Custom Cursor Image CSS有沒有更改默認網站光標集的方法?

有沒有辦法來改變你的網站的默認光標圖像時使用,例如..

body{ 
cursor:hand; /* Changing what 'hand' is equal to*/ 
} 

所以後來我不必在所有內容上都使用cursor:url(),而只是改變名稱相同的名稱。

因此,例如,我希望能夠.. hand = URL; progress = URL; 等等

+0

簡單的谷歌搜索將顯示:http://www.w3schools.com/cssref/tryit.asp?filename=trycss_cursor – 2012-07-31 14:25:54

+0

他不想更改光標類型,但光標圖形。 – 2012-07-31 14:26:29

+0

我想要做的是改變光標集。所以無論何時我使用'光標:手'它都會使用我的圖形而不是默認的手。 @安德斯霍姆斯特羅姆它根本不是重複的。 – 2012-07-31 14:27:55

回答

0

您無法更改操作系統的遊標區。 (想象一下 - 你認爲這個網站的訪問者會改變你的系統設置)。您也無法重新定義關鍵字的外觀。

如果您想這樣做,您必須定義自定義圖像。你可以做的最好的事情是你想要有相同光標的組元素。

input, select, [elements,]*{ 
    cursor: url('someInputCursor.cur'); 
} 
+0

謝謝克里斯托夫的明確答案。 – 2012-07-31 14:35:18

0
body{ 
cursor: url('mycursor.cur'); 
} 

但是,跨瀏覽器的功能是有限的。 您應該測試...

+0

對不起,但這不是我正在尋找的,我不想更改光標的URL。但調整光標集。 – 2012-07-31 14:28:26

+0

你幾乎可以改變光標圖像... :) – 2012-07-31 14:31:57

0

您無法更改cursor: hand;以使用不同的圖像。您可以使用CSS預處理器(例如LESS或SASS)來簡化任務,例如

$hand: url('something.cur'); 
body { 
    cursor: $hand; 
} 

或者也許使用一個類(或覆蓋所有必要元素的選擇器)並相應地編輯HTML?

.customcursor { 
    cursor: url('something.cur'); 
} 
0

不,你不能,因爲cursor property值關鍵字具有在CSS規範非正式散文定義它們的含義,沒有工具,給出關於如何實現他們的任何指示。顯而易見的意圖是留下實現依賴的確切形狀。

使用像LESS這樣的工具,你可以編寫使用定義變量的樣式表代碼,但是這樣的代碼需要被轉換成CSS。

請注意,關鍵字hand不合格。相應的標準關鍵字是pointer。 (人們使用hand,因爲IE 5沒有識別pointer。)