2012-06-25 9 views
12

私は<a id="javascriptlink">タグをhrefなしで持っています。そのアクションはjquery onclickによって処理されます。 したがって、私はa:link {text-decoration: underline;}a:hover {text-decoration: none;}をリンクのように見せたいと思っています。hrefなしアンカーのCSS下線

ただし、アンカーの下線は、href属性が提示されている場合にのみ機能するようです。何か案が?

答えて

18

a:linkは、hrefが存在する場合のみ動作します。 hrefが存在しない場合は、アンカーであり、リンクではありません。

a {text-decoration: underline;} 
+3

+1シンプルです。どういうわけか、 'a:link'はリンクであるアンカータグであり、' a'は一般的にアンカーに適用されることは決してありませんでした。完全な意味合いを持つ。私はいつもリンクとしてアンカーを使用してきましたが、単にアンカーは使用しませんでした。 – iambriansreed

+0

ありがとうございました。 'a:リンクを追加するだけで、a:visited {} 'は魅力的に機能しました。 – Shubh

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

href属性を追加するだけで、イベントをキャンセルすることでリンクを何も行わないようにしてください。

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

私はあなたの試みがすべてのクリック活動を止めると思う。 – thecodeparadox

+2

@thecodeparadoxそれはリンクされていないアンカータグのように振る舞うように意図されている。 – iambriansreed

関連する問題