0

imagen de diseñoEstoy dando diseño a un formulario de login que está en un card (bootstrap4). El card debe tener una opacidad blanca y los labels, inputs son blancos pero sin opacidad (lo que hace que resalten). El problema es que una vez que se pone la opacidad se hereda a los labels e inputs. ¿Alguna ayuda para hacer que el contenido no tenga opacidad?

  .card{
            
            background-color: white;
             opacity: 0.1;   
        }
        .card label{
       
            color: white;
           
        } 

1
  • Hola y bienvenido a la comunidad. Debes compartir un poco más de código de manera que nos permita reproducir el problema. Así es más fácil ayudarte. Te extiendo una invitación a hacer el tour para que ganes reputación y conozcas las reglas.
    – DjCrazy
    Commented el 10 mar. 2021 a las 23:55

1 respuesta 1

0

Podés colocar el estilo directamente en la etiqueta del elemento (en tu caso en el input). Le subís la opacidad dentro de html y eso supera a bootstrap

2
  • 1
    Probablemente estés haciendo referencia a especificidad. Para redactar una respuesta más elaborada, lee Cómo responder.
    – padaleiana
    Commented el 13 ene. 2022 a las 19:00
  • Gracias por la sugerencia, Estoy aprendiendo mucho, la próxima vez trataré de seguir las pautas sobre Cómo responder. Commented el 15 ene. 2022 a las 14:15

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.