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">