1

アクセスしたときにナビ画像から点線の境界線を削除するのに問題があります。以下のスタイルのいずれかでそれを行うべきだと思いましたが、機能していないようです。

何かご意見は？

HTML

<li class="navprint">
<a href="printcategory.html"><img src="Images/navprint.png" alt="print button"   title="print button">
 </a>
</li>

CSS

.navprint {
width: 130px;
height: 30px;
padding: 0px 0px 0px 0px;
}

.navprint:visited {
border: none;
text-decoration: none;
list-style-image: none;
outline: none;
}

.navprint:hover {
background-color: rgb(209, 244, 239);
}

.navprint:active,  {
background-color: rgb(209, 244, 239);
}
4

1 に答える 1

2

あなたが話していると私が思うことについて話しているのなら、これは を持つリンクのアウトラインに関係してい:focusます。したがって、次のようなことができます。

a:focus {
  border: none;
  outline: none;
}

ただし、アウトラインがあるのには理由があることに注意してください。マウスではなく、キーボードやその他のデバイスを使用してナビゲートする人もいます。アウトラインは、focus現在どのリンクにフォーカスがあるかを示します。別のインジケーターに置き換えない限り、これを削除することは一般的に悪い考えです。したがって、次のことができます。

a:hover, a:focus {
  background-color: rgb(209, 244, 239);
  border: none;
  outline: none;
}
于 2013-01-12T16:13:29.377 に答える