2013-06-05 51 views
19

我有這個標記,標籤封裝在一個錨標記,但問題是,當光標懸停這不會更改爲手形光標,HTML,手形光標不是在錨標記顯示鼠標懸停時

<a href="#17"> 
<label class="autor"> 
    <span class="by"> 
    by 
    </span> 
    Erwin Lutzer 
</label> 
</a> 

我在這裏做錯了什麼?

任何人都可以plz幫助,謝謝!

+1

可能重複:http://stackoverflow.com/questions/3087975/how-can-i-make-the-cursor-a-hand-when-a-user -hove-over-a-list-item –

+0

當你點擊它時它是否工作? – pattyd

+1

我不同意這種「可能的重複」(請參閱​​我的答案)。 –

回答

42

的標籤抵消指針,所以一定要確保你的CSS有cursor: pointer;了一個和兩個標籤:

a, 
a label { 
    cursor: pointer; 
} 

或更好的是,刪除標籤!在錨點中放置標籤是無效的。

2

使用這一塊的CSS您label

CSS代碼:

label.autor{ 
cursor:pointer; 
} 
+0

如果我這樣做,只有span.by將光標,而不是整個事情 – kastulo

+0

與新的編輯它會更改'span.by'標籤。autor' –

7

沒有理由將label元素放入a元素中。 label元素是在這裏來裝飾輸入。這個label沒有辦法在鏈接內部在語義上是正確的。由於您沒有指定鏈接到輸入的for屬性,因此沒有理由顯示可激活元素的行爲。

Reference

不要使用CSS此處添加光標,這將是語義上不正確。將您的標籤替換爲span

+0

我用一個錨來包裝標籤,因爲如果屏幕是X像素寬度,我打算使用unwrap()jquery函數去除錨標記 – kastulo

+0

@kastulo我不明白你想要的問題解決,但這似乎不是正確的解決方案。 –

+1

@ kastulo,這不會使其語義正確。 –

1

正如其他人所說的那樣,是無效的把標籤錨標籤內,但如果你真的想這樣做,添加以下的CSS代碼來解決你的問題:

a label { cursor: pointer; } 

通常使用一個標籤指向一個特定的輸入字段,所以當你點擊標籤時,輸入字段得到關注。由於您沒有引用輸入字段,因此該標籤在錨標記中並不真正有用。

+0

Uncommented down votes <3 – Daniel

8

沒有答案的實際問題,但解決我自己的,類似的問題:

手形光標沒有顯示時,懸停鏈接。 問題在於缺乏屬性。

<a>Link</a> <!-- regular cursor --> 

<a href="#">Link</a> <!-- cursor pointer -->