css underline for anchor without href

Question

I have an <a id="javascriptlink"> tag, without href. Its action handled by jquery onclick. So, I want to put in css a:link {text-decoration: underline;} and a:hover {text-decoration: none;} to make it look like a link.

However, the anchor underline seems to only work when href attribute is presented. Any idea?

Answer 1

a:link works with the href being present only. If there isn't an href, it is only an anchor and not a link.

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