2016-01-06 23 views
12

私はそれが私が追加しようとしましたので、リンククリックでアウトラインを削除するにはどうすればよいですか?

enter image description here

のようなリンクの周りにアウトラインを作成している私のウェブサイト上のリンクをクリックしてください:

a.image-link:focus { outline: 0; } 

a {outline : none;} 

をしかし、何もそれを取り除くことはできないようです。それを削除する方法はありますか?

+1

おそらく 'a:active {outline:0;} ' –

+0

[ハイパーリンク画像の周りのアウトラインを削除するにはどうすればいいですか?](http://stackoverflow.com/questions/814366/how-cani-i-アウトラインを取り除く - ハイパーリンク - イメージ) – isherwood

+2

これらのアウトラインは、一部の無効なユーザーにとって非常に重要であることに注意してください。私たちの多くは、その理由で彼らの存在に同意しました。 https://www.tjvantoll.com/2013/01/28/stop-messing-with-the-browsers-default-focus-outline/ – isherwood

答えて

19

だけで実行します。

固定
a:active, a:focus { 
    outline: 0; 
    border: none; 
    -moz-outline-style: none 
} 
+0

Firefoxでうまく動作しませんでした: -/ –

+0

あなたのためのソリューション問題。私はリンク上のフォーカス状態をadedし、また、moz-outlineプロパティを追加しました。 :)あなたは確認してもらえますか? –

+0

'border'はそれをすることができません。 –

0

:すでにa:activeのアウトラインを作成するために生成されたコードがあったことを私のCSSで見つけた

。これは私のコードをオーバーライドし、それを削除することで問題が解決されました。

関連する問題