2011-07-02 5 views
10

下線をリンクから削除します。また、マウスポインタでマウスを動かすと、下線が表示されます。これはどうすればできますか? Plsヘルプ。リンクからアンダーラインを削除し、ホバーにアンダーラインを追加するにはどうすればよいですか? (画像が添付されています)

ませホバーん: NO Hover - Normal link

私はLoginリンク合わせると: When I hover the Login link

+1

は一部のHTMLを追加します... –

答えて

8

をあなたはリンクのCSSプロパティtext-decorationをオフにしてたときにtext-decorationバックを追加する:hoverdynamic pseudo classを使用する必要がありますホバリング。

a { 
    text-decoration:none; 
} 

a:hover { 
    text-decoration:underline; 
} 

Demo

また、あなたはまた、下線は、ユーザーがすでに訪問したリンクで表示されるように:visited:hover疑似クラスのスタイルを設定する必要があるかもしれません。 link order in cssは、CSS規則のの注文が重要なので、良い答えです。 IDが何であれ、あなたのスタイルシートでは、ログインリンクを仮定すると、ID loginを持って

1

...

#login { 
    text-decoration: none; 
} 

#login:hover { 
    text-decoration: underline; 
} 
0

#LoginButton a:active {text-decoration: none;} 
#LoginButton a:hover {text-decoration: underline; color: white;} 
0

通話ログインボタン内のCssClassとスタイルシートに次の行を定義し、このことができます

.ClassName a:link {text-decoration:none;}//removes underline 


    .ClassName a:hover {text-decoration:underline;}// displays underline on mouse over 

・ホープ..

関連する問題