2012-06-25 30 views
12

Tôi có một thẻ <a id="javascriptlink">, không có href. Hành động của nó được xử lý bởi jquery onclick. Vì vậy, tôi muốn đặt trong css a:link {text-decoration: underline;}a:hover {text-decoration: none;} để làm cho nó trông giống như một liên kết.gạch dưới css để neo mà không cần href

Tuy nhiên, gạch chân neo dường như chỉ hoạt động khi thuộc tính href được trình bày. Bất kỳ ý tưởng?

Trả lời

18

a:link chỉ hoạt động với href hiện tại. Nếu không có một href, nó chỉ là một neo và không phải là một liên kết.

a {text-decoration: underline;} 
+3

+1 Đơn giản. Bằng cách nào đó nó không bao giờ phát hiện ra tôi rằng 'a: link' là một thẻ neo là một liên kết và 'a' chỉ áp dụng cho neo nói chung. Làm cho ý nghĩa hoàn toàn. Tôi đã luôn luôn sử dụng neo như liên kết và không bao giờ chỉ đơn giản là neo. – iambriansreed

+0

Cảm ơn bạn đã giải pháp. Chỉ cần thêm 'a: link, a: visited {}' làm việc như một sự quyến rũ. – Shubh

6
a{ 
    text-decoration: underline; 
    cursor: pointer; 
} 
a:hover{ 
    text-decoration: none; 
} 
3

Chỉ cần thêm thuộc tính href nhưng làm cho liên kết không làm gì bằng cách hủy sự kiện.

<a href="#" onclick="event.preventDefault(); return false;" id="javascriptlink"> 
+0

Tôi nghĩ rằng nỗ lực của bạn sẽ ngừng tất cả các hoạt động nhấp chuột – thecodeparadox

+2

@thecodeparadox Đó là mục đích, để làm cho nó hoạt động giống như một thẻ liên kết không được liên kết. – iambriansreed

Các vấn đề liên quan