2013-06-05 19 views
19

bu işaretlemeyi, bir bağlantı etiketi sarılmış bir etiket var, ama bu elin imleci için değişmez getirdiğinizde sorun imleç olduğunuHTML, el imleci bağlantı etiketinde gösterilmiyor

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

Burada neyi yanlış yapıyorum?

Herkes plz yardım edebilir, teşekkürler!

+1

Olası yinelenen: http://stackoverflow.com/questions/3087975/how-can-i-make-the-cursor-a-hand-when-a-user -bir-liste-üzerinde-öğe-öğe –

+0

Tıkladığınızda çalışır? – pattyd

+1

"Mümkün yinelenen" ile aynı fikirde değilim (cevabıma bakın). –

cevap

42

etiket işaretçisi dışarı iptal yüzden CSS a ve hem de cursor: pointer; sahip olduğundan emin olmak edilir etiket:

a, 
a label { 
    cursor: pointer; 
} 

Ya da daha iyisi, etiketi kaldırmak! Bir çapa içinde etiket olması geçerli değildir.

2

kullanın sizin label üzerine css bu parça:

Css kodu:

label.autor{ 
cursor:pointer; 
} 
+0

Eğer bunu yaparsam, sadece span.by imlecine sahip olacak, – kastulo

+0

bütünüyle yeni düzenleme yapacak, 'span.by' için' label.autor' –

7

a öğesinde label öğesinin yerleştirilmesinin bir nedeni yoktur. label öğesi, bir girişi dekore etmek için buradadır. Bu label'un bir bağlantı içinde anlamsal olarak doğru olması için bir yol yoktur. Bir girdiye bağlanan for özniteliğini belirtmediğiniz için, etkinleştirilebilir öğenin davranışını göstermesinin bir nedeni yoktur.

Reference

bir imleç eklemek için buraya CSS kullanmayın, bu anlamsal yanlış olur. Etiketinizi bir span ile değiştirin. Başkaları tarafından belirtildiği gibi

+0

i etiketini sarmak için bir çapa kullandım çünkü eğer ekran X piksel genişliğindeysem() jquery işlevini kullanacağım, bağlantı etiketi – kastulo

+0

kastulo'yu kaldırmaya çalışıyorum. Çöz, ama bu doğru çözüm gibi görünmüyor. –

+1

@kastulo, bu onu anlamsal olarak doğru yapmaz. –

1

, bir çapa etiketinin içine bir etiket koymak için geçerli değil, ama gerçekten sorunu çözmek için aşağıdaki css kodu ekleyin yapmak istiyorsanız: Normalde

a label { cursor: pointer; } 

kullandığınız Belirli bir girdi alanına işaret edecek bir etiket, böylece etiket üzerine tıkladığınızda giriş alanı odaklanır. Bir giriş alanına başvurmadığınız için etiket, bağlantı etiketi içinde gerçekten kullanışlı değildir.

+0

Aşağı çekilmemiş oylar <3 – Daniel

8

değil gerçek sorunun yanıtı, ama benim kendi, benzer sorunun çözümü:

el imleci zaman vurgulu bağlantısını gösterilmiyor. Sorun, href özniteliğinin eksikliğindeydi.

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

ama

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