:focus + background-color:orange; al darle click al elemento se coloca, en este caso el background-color orange pero mientras esta funcionando al darle click a cualquier otro lugar en toda la pantalla (literal) se quita, quisiera que se mantuviera hasta tocar otro elemento... lo he visto en otra paginas webs y queda genial como puedo lograrlo? se necesita javascript o otra tecnología? gracias
li{
display: inline-block;
}
a{
padding: 10px;
color: black;
}
a:focus{
background-color: orange;
}
que el efecto se mantenga aunque clickees en otro lugar ya que por defecto desaparece, aqui dejo un ejemplo con una imagen, aunque interactues en esa pagina se mantendra hasta que clickees en otro elemento con :focus y se pasara en este caso el background y no se quitara hasta darle a otro elemento o pagina espero me hayan entendido xD
active
. Cuando se da click a un elemento (a, botón), con javascript se le agrega la claseactice
. Ya con esta clase en CSS o en javascript se le da al elemento el estilo que queramos: color de fondo, subrayados, cambio de texto, etc. PERO ES CON JAVASCRIPT.