如何將光標樣式設置爲無hrefs鏈接的指針

Question

我有很多<a> html標籤沒有href屬性用於製作onclick javascript調用。這些鏈接沒有光標的指針樣式。他們有文字樣式的光標。

如何在不使用href屬性的情況下將光標樣式設置爲指向鏈接的指針？

我知道我可以添加href =「＃」。我在html文檔的很多地方都有這個，並且想知道如何爲鏈接製作光標樣式指針而不使用href屬性。

Answer 1

在你的CSS文件中添加此

....

a:hover { 
cursor:pointer; 
} 

，如果你沒有一個CSS文件，添加到您的HTML頁面，您可以的

<style type="text/css"> 
a:hover { 
    cursor:pointer; 
} 
</style> 

也HEAD通過在JavaScript結尾處返回false來使用href =「」屬性。

<a href="" onclick="doSomething(); return false;">a link</a> 

這很好，原因很多。搜索引擎優化或如果人們沒有JavaScript，href =「」將工作。例如

<a href="nojavascriptpage.html" onclick="doSomething(); return false;">a link</a> 

@see http://www.alistapart.com/articles/behavioralseparation

編輯：值得注意的@ BalusC的answer他提到:hover是沒有必要的OP的使用情況。雖然其他款式可以通過:hover選擇器添加。

Answer 2

如果我沒有記錯，請使用CSS cursor: pointer。

無論是在你的CSS文件：

.link_cursor 
{ 
    cursor: pointer; 
} 

然後，只需添加以下HTML你想有鏈接光標的任何元素：（首選方法）class="link_cursor"

或者使用內聯CSS：

<a style="cursor: pointer;"> 

Answer 3

風格= 「光標：指針;」

Answer 4

只需將它添加到您的全局CSS樣式：

a { cursor: pointer; } 

這樣，你不依賴於瀏覽器的默認光標樣式了。

Answer 5

給他們一個普通的類（例如鏈接）。然後添加在css文件中：

.link { cursor: pointer; } 

或者如@mxmissile建議，使用style =「cursor：pointer;」內聯執行它。

Answer 6

創建一個類具有以下CSS和它的onclick事件添加到您的標籤：

cursor:pointer; 

Answer 7

這是怎樣的光標從箭頭變爲手形，當你將鼠標懸停在一個給定的object（myObject的） 。

myObject.style.cursor = 'pointer';