HTML, trỏ tay không hiển thị trong thẻ neo khi được quét

Question

Tôi có đánh dấu này, một nhãn bọc trong một thẻ neo, nhưng vấn đề là con trỏ khi bạn di chuột này không thay đổi để con trỏ tay,

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

tôi đang làm gì sai ở đây?

bất kỳ ai có thể giúp đỡ, cảm ơn !!

Answer 1

Nhãn được hủy ra con trỏ, do đó hãy chắc chắn CSS của bạn có cursor: pointer; cho cả a và các nhãn:

a, 
a label { 
    cursor: pointer; 
} 

Hoặc tốt hơn, xóa nhãn! Nó không hợp lệ để có một nhãn bên trong một neo.

Answer 2

Sử dụng tác phẩm này của css trên label của bạn: Mã

Css:

label.autor{ 
cursor:pointer; 
} 

Answer 3

Không có lý do gì để đặt yếu tố label trong phần tử a. Các yếu tố label là ở đây để trang trí một đầu vào. Không có cách nào cho điều này label để được ngữ nghĩa chính xác bên trong một liên kết. Vì bạn không chỉ định thuộc tính for liên kết với đầu vào, nên không có lý do gì để nó hiển thị hành vi của phần tử có thể kích hoạt.

Reference

Không sử dụng CSS vào đây để thêm một con trỏ, đây sẽ là ngữ nghĩa không chính xác. Thay thế nhãn của bạn bằng một số span.

Answer 4

Như đã trình bày bởi những người khác, nó không có giá trị để đặt một nhãn bên trong một thẻ neo, nhưng nếu bạn thực sự muốn làm điều đó thêm mã css sau đây để giải quyết vấn đề của bạn:

a label { cursor: pointer; } 

Thông thường bạn sử dụng nhãn để trỏ đến một trường nhập cụ thể, do đó khi bạn nhấp vào nhãn, trường nhập sẽ được tập trung. Vì bạn không tham chiếu đến trường nhập, nhãn không thực sự hữu ích trong thẻ liên kết.

Answer 5

Không phải là câu trả lời cho câu hỏi thực tế, nhưng giải pháp cho riêng, vấn đề tương tự của tôi:

tay trỏ không hiển thị khi di chuột liên kết. Sự cố là do thiếu thuộc tính href.

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

nhưng

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