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

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

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