Ändern der Farbe des Navigationselements (Dropdown - Klick)

Immer wenn ich auf dieses Navigationselement klicke und irgendwo anders klicke, oder die Seite, die ich auswähle, öffnet sich die Hintergrundfarbe des Navigationselements zu dieser weißen Farbe. Ich habe überall gesucht und viele Tricks ausprobiert. Nichts funktioniert.Ändern der Farbe des Navigationselements (Dropdown - Klick)

Hier ist ein gif, um ein klares Beispiel zu zeigen.

Die Website wird auf einem lokalen Server setuped. Daher kann ich keine Links geben

Ich benutze Bootstrap.

jedoch die divs & Klassen für diese navbar verwendet werden, sind:

<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">

Vielen Dank im Voraus =)

Quelle

2017-01-10 Crayon

Können Sie einen Link posten? Benutzt du irgendwelche Bibliotheken? –

Können Sie Code posten, der das Problem repliziert? Auf keinen Fall können wir anhand eines Screenshots feststellen, was gerade passiert. –

Ja, Code wird benötigt, kann aber mit Pseudo wie besucht, Fokus oder aktiv verwandt sein. –

a: link - ein normaler, nicht besucht Link
a: visited - ein Link der Benutzer hat
eine besucht: Hover - einen Link, wenn der Benutzer den Mauszeiger über sie
a: active - ein Link in dem Moment darauf geklickt wird

Beispiel:

<!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>

Quelle

2017-01-10 23:40:12 Andrey

Nach dem Ändern der Hintergrundfarbe mit dem Link-Selektor funktioniert & behebt das Problem, aber dann Hover Hintergrundänderungen funktioniert nicht. Wie es ist einfarbig, wenn Sie versuchen, es zu klicken/zu schweben. – Crayon

Interessant ... es muss funktionieren .. hier Link, der dir helfen kann: http://www.w3schools.com/css/css_link.asp – Andrey

Gord, ich weiß, wie ich das jetzt beheben kann. Danke =) – Crayon

Sie können dies testen.

.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; 
}

Quelle

2017-01-10 23:50:28 Ask4Tec

Nach dem Hinzufügen passiert nichts. – Crayon

Ändern der Farbe des Navigationselements (Dropdown - Klick)

Antwort

Verwandte Themen