1

Tengo 3 botones en un grupo de botones en un menú (Foundation), quiero que al seleccionar cualquiera de ellos se pinte de otro color o se resalte hasta que seleccione otro entonces el cambio de color o resaltado cambia a nuevo botón seleccionado.

2
  • 1
    Hola para eso tienes las pseudo clases hover, active y focus; si colocas tu codigo puedo ayudarte.. el 14 ene. 2022 a las 22:49
  • 1
    Mira Cómo preguntar para que tu pregunta sea mejor recibida. También, aprovecha y haz el recorrido de bienvenida para entender mejor cómo funcionamos y de paso obtener tu primera medalla!
    – gbianchi
    el 14 ene. 2022 a las 22:57

1 respuesta 1

1

Usa las pseudoclases :hover y :focus para darle estilos a un elemento al pasar sobre él y al seleccionarlo:

.navegacion{
    background: #89119d;
    padding: 1rem 0;
    display: flex;
    justify-content: center;
    gap: 2rem;
}

.navegacion__enlace{
    color: #fff;
    font-size: 3rem;
}

a{
    text-decoration: none;
}

body{
    background: #9c27b0;
    font-size: 1.6rem;
    line-height: 1.5;
}

/*Al pasar el mouse es naranja claro, al hacer click es naranja oscuro*/

a:hover{
    color: orange;
}

a:focus{
    color:orangered;
}
<nav class="navegacion">
    <a href="#" class="navegacion__enlace navegacion__enlace">Tienda</a>
    <a href="#" class="navegacion__enlace">Nosotros</a>
</nav>

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.