css为没有href的锚下划线

Question

我有一个<a id="javascriptlink">标签，没有href。它的动作由jquery onclick处理。 所以，我想放入css a:link {text-decoration: underline;}和a:hover {text-decoration: none;}，使其看起来像一个链接。

但是，锚点下划线似乎仅在呈现href属性时才起作用。有什么想法吗？

Answer 1

a:link仅适用于href。如果没有href，它只是一个锚而不是一个链接。

a {text-decoration: underline;}

Answer 2

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

Answer 3

只需添加href属性，但通过取消事件使链接不执行任何操作。

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