2016-03-23 10 views
1

クリックするとハイパーリンクの周囲に点線の枠が表示されます。私は、リンクの周りに現れる点線の枠線を削除したい(Firefoxでのみ起こる)。 >このボックスが表示されます> リンククリック後に点線で囲まれて表示されます

enter image description here

リンクがうまく表示され

a, a:hover, a:link, a:active { 
    text-decoration: none; 
    color: #777777; 
} 
>リンクをクリックして

URLの外のどこかにクリックしたときに消灯:私は、次のスタイルは、タグを固定するために適用されているhttp://www.boxleak.in/ritgan

PS:ブートストラップも含まれています。彼らは 『アクティブ』または 『集中』になったときに デフォルトで

+0

try text-decoration:none!important; –

+0

それを試してみてください。 doesnt仕事。 – Ankit

+0

'a:focus {border:none;概要:なし; ' –

答えて

4

アンカーリンク(<a>年代)は、それらの周り点線を持っています。

a:hover, a:active, a:focus { 
    outline: 0; 
} 

読む試してみてください - https://css-tricks.com/removing-the-dotted-outline/

+0

ありがとうございます。これはうまく動作します! – Ankit

+0

@Ankit答えがあなたを助けた場合は、この回答に合格とマークすることを検討してください。ありがとう:) –

1

を基本的には<a>タグのデフォルトのフォーカスのスタイルです。 a:focusを使用すると、その境界線を削除できます。

a:focus { 
outline: none; 
} 
関連する問題