2012-01-21 18 views
42

Tôi muốn xóa con trỏ tay xuất hiện khi bạn di chuột qua siêu kết nối.Có thể xóa con trỏ tay xuất hiện khi di chuột qua liên kết không? (hoặc giữ nó làm con trỏ bình thường)

Tôi đã thử css này:

a.link { 
    cursor: pointer; 
} 

Và đây:

a.link { 
    cursor: pointer !important; 
} 

Và vẫn còn nó thay đổi đến tay khi tôi di chuột qua liên kết.

Có ai có bất kỳ ý tưởng nào về lý do tại sao điều này xảy ra hoặc giải pháp cho phép tôi đạt được hiệu ứng này không?

+0

như vậy là bạn neo trang trí với một 'liên kết' lớp css? – leppie

+1

bạn cần sử dụng [: hover] (http://w3schools.com/cssref/sel_hover.asp) lớp giả – yoavmatchulsky

Trả lời

110

Đó chính xác là những gì cursor: pointer; được cho là sẽ làm.

Nếu bạn muốn con trỏ để duy trì bình thường, bạn nên sử dụng cursor: default

+0

Cảm ơn bạn đã giải quyết được vấn đề cho tôi. Tôi đoán nó đã được xuống đến con trỏ của tôi interperation. Bạn có bất kỳ ý tưởng loại hỗ trợ trình duyệt này có? Tôi đang cố giấu một liên kết đến phần cuối của tôi, vì vậy tôi muốn điều này xuất hiện theo cách này luôn luôn ... –

+3

Nó có hỗ trợ trình duyệt hoàn chỉnh: [bạn nên google thêm] (http://www.quirksmode.org /css/cursor.html) – bevacqua

10

Sử dụng inline phong cách sử dụng <a href="your link here" style="cursor:default">your content here</a>. Xem điều này example

Hoặc sử dụng css. Xem này example.

Giải pháp này tương thích với nhiều trình duyệt.

-1
<button> 
    <a href="https://accounts.google.com/ServiceLogin?continue=http%3A%2F%2Fmail.google.com%2Fmail%2F%3Fpc%3Den-ha-apac-in-bk-refresh14&service=mail&dsh=-3966619600017513905" 
    style="cursor:default">sign in</a> 
</button> 
1

Hãy thử điều này

để Hủy bỏ tay trỏ

a.link { 
    cursor: default; 
} 
Các vấn đề liên quan