ナビアイテムの色を変更する（ドロップダウン - クリック）

このナビアイテムをクリックして他の場所をクリックするか、選択したページがナビゲートアイテムの背景色を変更してこの白い色に変わります。私はどこでも検索し、多くのトリックを試みました。何も動作しません。ナビアイテムの色を変更する（ドロップダウン - クリック）

ここには明確な例を示すgifがあります。

ウェブサイトは、ローカルサーバー上setupedされます。したがって、私はリンクを与えることはできません

私はブートストラップを使用しています。

しかし、このナビゲーションバーに使用されているのdiv &クラスは以下のとおりです。事前に

<div class="header-column"> 
    <div class="header-row"> 
     <div class="header-nav"> 
     <div class="header-nav-main header-nav-main-effect-1 header-nav-main-sub-effect-1 collapse"> 
     <ul class="nav nav-pills" id="mainNav">

感謝=）

出典

2017-01-10 Crayon

リンクを投稿できますか？任意のライブラリを使用していますか？ –

問題を再現するコードを投稿できますか？スクリーンショットから何が起こっているのかを私たちに伝えることはできません。 –

さて、コードは必要ですが、訪問、フォーカス、アクティブなどの疑似コードに関連している可能性があります。 –

：リンク - 通常、未訪問のリンク
：訪問 - リンクユーザーが訪問しました
a：ホバー - ユーザーがマウスオーバーしたときのリンク
a：アクティブ - クリックした瞬間

例：

<!DOCTYPE html> 
<html> 
<head> 
<style> 
/* unvisited link */ 
a:link { 
    color: red; 
} 

/* visited link */ 
a:visited { 
    color: green; 
} 

/* mouse over link */ 
a:hover { 
    color: hotpink; 
} 

/* selected link */ 
a:active { 
    color: blue; 
} 
</style> 
</head> 
<body> 

<p><b><a href="default.asp" target="_blank">This is a link</a></b></p> 
<p><b>Note:</b> a:hover MUST come after a:link and a:visited in the CSS definition in order to be effective.</p> 
<p><b>Note:</b> a:active MUST come after a:hover in the CSS definition in order to be effective.</p> 

</body> 
</html>

出典

2017-01-10 23:40:12 Andrey

リンクセレクタを使用して背景色を変更すると問題は解決しますが、ホバーの背景の変更は機能しません。クリック/ホバーするたびにソリッドカラーのように。 – Crayon

興味深い...それは働く必要があります..あなたを助けるかもしれないここのリンク：http://www.w3schools.com/css/css_link.asp – Andrey

Gord、私はこれを今修正する方法を知っています。ありがとうございます=） – Crayon

あなたはこれをテストすることができます。

.nav-pills > li { 
    background-color:transparent !important; 
} 

.nav-pills > li > a:hover, 
.nav-pills > li > a:focus, 
.nav-pills > li > a:active { 
    background-color:#2e353e; 
}

出典

2017-01-10 23:50:28 Ask4Tec

これを追加しても、何も起こりません。 – Crayon

ナビアイテムの色を変更する（ドロップダウン - クリック）

答えて

関連する問題