2012-02-21 33 views
0

CSSで制御するスタイルのリンクのリストがあります。私は彼らが行くURLに問題があるので、私はjavascriptでそれを制御したい。だから私の<a>私はhref="link.html'を持ってほしくないが、私はそれを取る場合は、CSSで持っていたプロパティは動作を停止します。ロールオーバーテキストなし<a href>

a{ 
text-decoration: none; 
color: #808080; 
} 
a:visited { 
text-decoration: none; 
color: #808080; 
} 
a:hover{ 
text-decoration: none; 
color: blue; 
} 

<a>タグを持つプロパティを削除するにはどうすればよいですか?

+1

':hover'セレクタはまだ青いそれを変更するために動作するはずですが、':visited'だけ( 'href'属性を必要とする)実際のリンクのために働くだろう。 – animuson

答えて

4

リンクでfalseを返すことができます。同様に:

<a href="link.html" onclick="return false;" >​Link</a>​ 
+1

これが推奨されるソリューションです。クライアントがJavaScriptを無効にしている場合、何もしない無意味なテキストではなく、リンクは引き続き機能します。 – animuson

1

href="#"を追加すると、CSSを動作させるにはどうすればいいのでしょうか。そのようなリンクはユーザーを別のページに処理しません。

+0

それに加えて、clickイベントがトリガーされたときにputを返すと、ページがデフォルト動作の "#"リンクから除かれます。 – Adaz

関連する問題