3

フッターメニューがあり、構造は次のようになります。

<div class="footer-menu">
<nav>
  <a href="#home"><div class="button"><span class="active">Home</span></div></a>
  <div class="divider"> | </div>
  <a href="#katalog"><div class="button">Catalog</div></a>
  <div class="divider"> | </div> 
  <a href="#onas"><div class="button">Abous us</div></a>
  <div class="divider"> | </div>
  <a href="#novinky"><div class="button">News</div></a>
</nav>
</div>

そして、色をオーバーライドする CSS ルールがあります。

.footer-menu a, .footer-menu a:visited,
.footer-menu a:hover, .footer-menu a:active{
  text-decoration: none;
  color #686868 !important;
}

1つのことを除いて、すべてがうまくいきます- :active color がオーバーライドされます（ !important を追加した場合でも）、 google-chrome-agent-style によって（いくつかの醜い赤に :( ）:

a:-webkit-any-link:active {
      color: -webkit-activelink;
}

リンク テキストをスパンでラップしてクラス (Home など) を指定するか、ユーザー エージェント スタイルを「強制オーバーライド」することで部分的な解決策があります。

a:-webkit-any-link:active {
      color: #686868; /* or any other color*/
}

しかし、どういうわけかユーザーエージェントスタイルをオフにする方法はありますか?

前もって感謝します ：）

4

1 に答える 1

3

:単なるタイプミスかどうかはわかりませんが、アフターカラーが必要です。最初は赤くなっていましたが、コロンがうまくいったようです。

于 2013-08-05T13:33:20.637 に答える