我有這個標記,標籤封裝在一個錨標記,但問題是,當光標懸停這不會更改爲手形光標,HTML,手形光標不是在錨標記顯示鼠標懸停時
<a href="#17">
<label class="autor">
<span class="by">
by
</span>
Erwin Lutzer
</label>
</a>
我在這裏做錯了什麼?
任何人都可以plz幫助,謝謝!
我有這個標記,標籤封裝在一個錨標記,但問題是,當光標懸停這不會更改爲手形光標,HTML,手形光標不是在錨標記顯示鼠標懸停時
<a href="#17">
<label class="autor">
<span class="by">
by
</span>
Erwin Lutzer
</label>
</a>
我在這裏做錯了什麼?
任何人都可以plz幫助,謝謝!
的標籤抵消指針,所以一定要確保你的CSS有cursor: pointer;
了一個和兩個標籤:
a,
a label {
cursor: pointer;
}
或更好的是,刪除標籤!在錨點中放置標籤是無效的。
使用這一塊的CSS您label
:
CSS代碼:
label.autor{
cursor:pointer;
}
如果我這樣做,只有span.by將光標,而不是整個事情 – kastulo
與新的編輯它會更改'span.by'標籤。autor' –
正如其他人所說的那樣,是無效的把標籤錨標籤內,但如果你真的想這樣做,添加以下的CSS代碼來解決你的問題:
a label { cursor: pointer; }
通常使用一個標籤指向一個特定的輸入字段,所以當你點擊標籤時,輸入字段得到關注。由於您沒有引用輸入字段,因此該標籤在錨標記中並不真正有用。
Uncommented down votes <3 – Daniel
沒有答案的實際問題,但解決我自己的,類似的問題:
手形光標沒有顯示時,懸停鏈接。 問題在於缺乏屬性。
<a>Link</a> <!-- regular cursor -->
但
<a href="#">Link</a> <!-- cursor pointer -->
可能重複:http://stackoverflow.com/questions/3087975/how-can-i-make-the-cursor-a-hand-when-a-user -hove-over-a-list-item –
當你點擊它時它是否工作? – pattyd
我不同意這種「可能的重複」(請參閱我的答案)。 –