CSS:
a:link { color: green;}
a:active {color: orange;}
HTML:
<a href="#">testing</a>
擬似クラス :active は、リンク上でマウス ボタンをクリックし、ドラッグして離した後もアクティブのままです。マウスボタンを離した後、リンクの色を通常に戻す方法は?
Firefox 14 を使用しています。Chrome では問題なく動作します。
質問する
6155 次
2 に答える
2
「アクティブな」色を設定する:focus:hoverと、必要なものに最も近い効果が得られますが、設定した色は、リンクがフォーカスされてホバーされたときに表示されますが、リンクには表示されません。マウスボタンが押されています。
ただし、マウスを放した後に「アクティブな」色が残ることが最も嫌いな場合は、「通常の」リンクの色をオンに設定することで、少なくともそれを防ぐことができます:focus。リンクをクリック、ドラッグ、リリースした後も、リンクはフォーカスされたままです。これをテストするには、Enter キーを押します。
このページに例 (および情報) があります。マウスを押したままにして離したときのリンクの色に注意してください。それらは、そのページのa:hover、a:focus、a:focus:hover、およびa:activeルールに対応しています。
于 2012-09-14T03:59:20.020 に答える
0
代わりに、a:hover:focus を使用します。ホバリングすると新しい背景色が表示され、クリック (フォーカス) すると新しいリンク テキストの色が表示されます。リンクをダウンクリックし、アップクリックする前にマウスを離すと、新しいリンク テキストの色が消えます。
于 2013-07-03T12:53:42.560 に答える