CSS下划线对于没有 href 属性的锚点元素

Question

我有一个没有 href 属性的 <a id="javascriptlink"> 标签，它的操作由 jquery 在 onclick 事件中处理。因此，我想在 css 中加入 a:link {text-decoration: underline;} 和 a:hover {text-decoration: none;} 来让它看起来像一个链接。

然而，当没有 href 属性时，锚点下划线似乎不起作用。你有什么想法吗？

- Tom

Answer 1

a:link 只有在 href 属性存在时才起作用。如果没有 href 属性，它只是一个锚点而不是链接。

a {text-decoration: underline;}

- Anirudh Ramanathan

---

简单易懂。我从来没有想过a:link是一个链接标签，而a只是一般锚点的应用。这完全说得通。我一直使用锚点作为链接，却从未仅仅使用过锚点。 - iambriansreed

谢谢您提供的解决方案。只是补充一下，a:link, a:visited {}非常有效。 - Shubh

“cursor: pointer” 对于移动设备非常重要，否则链接可能根本无法工作。 - Simon_Weaver

Answer 2

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

- Dipak

---

cursor: pointer 在 iOS 上特别重要（不确定 Android 是否也适用） - Simon_Weaver

Answer 3

只需添加 href 属性，但通过取消事件使链接不起作用。

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

- iambriansreed

---

我认为你的尝试将停止所有点击活动。 - thecodeparadox

@thecodeparadox 这就是意图，使其表现得像一个未链接的锚点标签。 - iambriansreed