Wie zeigt man den ausgewählten Link durch Markieren?

Question

Der folgende Code soll den ausgewählten Link hervorgehoben halten, aber es nicht, es blinkt nur die grüne Farbe beim Klicken. Bitte helfen Sie mir herauszufinden, was hier versagt.

#sidebarContent a:active{ 
 
    background-color: green; 
 
}

<div id="sidebarContent"> 
 
    <ul> 
 
    <li style="margin-bottom:10px"><a style="outline:none" href="#">Manage</a></li> 
 
    <li style="margin-bottom:10px"><a style="outline:none" href="#">Links</a></li> 
 
    </ul>  
 
</div>

Answer 1

Sie können einen Link auf href haben, Sie müssen foucs einstellen Farbe ändern

#sidebarContent a:active , #sidebarContent a:focus{ 
 
    background-color: green; 
 
}

<div id="sidebarContent"> 
 
    <ul> 
 
    <li style="margin-bottom:10px"><a style="outline:none" href="#">Manage</a></li> 
 
    <li style="margin-bottom:10px"><a style="outline:none" href="#">Links</a></li> 
 
    </ul>  
 
</div>

Answer 2

Verwenden :hover für Highlight dieses:

#sidebarContent a:hover{ 
 
    background-color: green; 
 
}

<div id="sidebarContent"> 
 
    <ul> 
 
    <li style="margin-bottom:10px"><a style="outline:none" href="#">Manage</a></li> 
 
    <li style="margin-bottom:10px"><a style="outline:none" href="#">Links</a></li> 
 
    </ul>  
 
</div>

Answer 3

#sidebarContent a:focus{ 
 
    background-color: green; 
 
}

<div id="sidebarContent"> 
 
    <ul> 
 
    <li style="margin-bottom:10px"><a style="outline:none" href="#">Manage</a></li> 
 
    <li style="margin-bottom:10px"><a style="outline:none" href="#">Links</a></li> 
 
    </ul>  
 
</div>

Answer 4

Sie haben Ihre css zu bearbeiten. ie