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

Just add the href attribute but make the link do nothing by canceling the event.

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

Answer 2

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