Css подчеркивает якорь без href

У меня есть тег <a id="javascriptlink"> без href. Его действие обрабатывается jquery onclick. Итак, я хочу добавить css a:link {text-decoration: underline;} и a:hover {text-decoration: none;}, чтобы он выглядел как ссылка.

Однако подчеркивание привязки работает только тогда, когда представлен атрибут href. Любая идея?

Ответ 1

a:link работает только с присутствием href. Если нет href, это только привязка, а не ссылка.

a {text-decoration: underline;}

Ответ 2

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

Ответ 3

Просто добавьте атрибут href, но сделайте ссылку ничего не сделав, отменив событие.

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