Bootstrap Navbar Liste Element ändert seine Farbe bei Klick

Question

Ich habe ein Problem in Bootstrap Navbar. Wenn ich mit der rechten Maustaste auf eines der Listenelemente (Link) klicke, um es auf die andere Seite umzuleiten, behält es seine Farbe orange (dh tatsächlich eine Hover-Farbe). Wenn ich außerhalb der Navigationsleiste klicke, ändert sich die Farbe in die Standardfarbe (dh grün). Warum passiert alles?

Ich denke, es sollte es Standard grüne Farbe auch nach dem Rechtsklick beibehalten. Unten ist das Bild der Navigationsleiste, nachdem ich mit der rechten Maustaste darauf geklickt habe, um zur Einkaufsseite zu gelangen.

CSS-Code

.navbar-default .navbar-nav > li > a { 

    color: #6ecd6e; 
    font-size:15.7px; 
    font-weight:400; 
} 
.navbar-default .navbar-nav > li > a:hover, 
.navbar-default .navbar-nav > li > a:focus { 
    color: #ffb600; 
} 

Answer 1

ul { 
 
    list-style: none; 
 
    padding: 0; 
 
    margin: 0; 
 
    background-color: #666; 
 
    float: left; 
 
    padding: 20px; 
 
} 
 
li { 
 
    float: left; 
 
    margin-right: 10px; 
 
} 
 

 
.navbar-default .navbar-nav > li > a, 
 
.navbar-default .navbar-nav > li > a:focus { 
 
    color: #6ecd6e; 
 
    font-size: 15.7px; 
 
    font-weight: 400; 
 
} 
 
.navbar-default .navbar-nav > li > a:hover { 
 
    color: #ffb600; 
 
}

<div class="navbar-default"> 
 
    <ul class="navbar-nav"> 
 
    <li><a href="#">link 1</a></li> 
 
    <li><a href="#">link 2</a></li> 
 
    </ul> 
 
</div>

In dieser besonderen Situation basierend auf der rechten Maustaste, wie ... was geschieht Rechtsklick wird verursacht den Link fokussiert sein, weshalb der Link orange bleibt. In meinem Beispiel habe ich den a: -Fokus nach oben verschoben, wo die grüne Farbe deklariert wurde.