2

リンクの画像があります。クリックするとどこかに移動し、クリックしてそのページに戻ると、その画像の周りに 1px の点線の青い境界線が表示されます。さらに、それをクリックしたままにすると、その境界線が赤くなります。これは本当に見栄えが悪く、その境界線を削除する方法が見つかりません。私は試してみました

a:visited {text-decoration: none}
a:active {text-decoration: none}

そして：

a:visited img{text-decoration: none}
a:active img{text-decoration: none}

効果なし。ちなみに、このボーダーはchromeでは表示されません。

その画像に関する私のcssコードは次のとおりです。

#back_to_photos{
float:right;
position: relative;
margin-top:-238px;
margin-right: 40px;

}
a:visited {text-decoration: none}
a:active {text-decoration: none}

ありがとうございました！

4

4 に答える 4

2

ルールの順序に問題がある可能性があります (これらが例で言及されている唯一のスタイルであることを知りません)。あなたが試すことができるのは、!importantを使用して「強制する」ことです:

a {text-decoration: none !important;}

それが役立つことを願っています。

于 2012-02-19T13:33:53.387 に答える
2

あなたの問題の解決策はこれです：

a:link, a:link:hover { text-decoration: none }

それが役に立てば幸い。

詳細：squarefree.com/styles

于 2014-08-14T20:22:14.540 に答える
1

この投稿では、その方法について説明します。つまり、CSS を入れるだけoutline: 0;でa:visitedうまくいくはずです。

text-decoration下線や取り消し線などのみを扱います。あなたが遭遇している問題はoutline、クリックされた/フォーカスされたリンクの周りに配置され、ユーザーが何にカーソルを合わせているかをユーザーに伝えることです。

アウトラインを削除すると、ユーザーがキーボードでページをナビゲートしている場合、ユーザーがどこにいるかわからなくなることに注意してください。

于 2012-02-19T13:29:12.583 に答える
0

を使用しますoutline: none。

ただし、アウトラインを非表示にすると、特にキーボードでナビゲートするユーザーにとって、使いやすさの問題が発生する可能性があることに注意してください。

于 2012-02-19T13:29:43.960 に答える