1

Me encuentro haciendo el diseño de unos input y textarea para mi pagina. En el CSS cuando intento cambiar el color de lo que aparece en el placeholder, el css no me lo toma, yo creo que lo estoy haciendo de la forma correcta. Este es el codigo:

    input::placeholder{
      color:white;
    }

El codigo HTML:

 <div class="col-xs-12">
  <input class="form-control formulario" type="" name="name" placeholder="Nombre">
  <input class="form-control formulario" type="" name="name" placeholder="Email">
  <textarea placeholder="Escribe tu mensaje aquí"></textarea>
</div>
2
  • Hola @BetaM. Tengo dos archivos CSS. El styles.css que es donde trabajo y el archivo de bootstrap4 Commented el 20 nov. 2020 a las 15:20
  • Si, lo tengo tal cual @BetaM. Primero tengo el link del bootstrap y despues el link de style.css Commented el 20 nov. 2020 a las 15:23

2 respuestas 2

1

El problema de que tu regla no se aplique proviene de la especificidad del selector que estás escribiendo, es decir:

Al momento solo estás cubriendo:

  • Selector de tipo
  • Selector de pseudoelementos

Que se consideran los de menor especificidad

Deberías tener en cambio un selector así:

.formulario::placeholder{
    color:white;
}

Para que de este modo:

  • Uses el selector de clase
  • Selector de pseudoelementos

Los selectores de clase son mas específicos que los de tipo y/o los de pseudoelemento

Lecturas de interés

1
  • Muchisimas gracias, me funciono! voy a leer las lecturas que me dejaste para que no me vuelva a pasar. Commented el 20 nov. 2020 a las 15:37
0

Allí deberías estar haciendo referencia de forma más especifica a una clase más que a un elemento, en tu caso no sería el input::placeholder{.... Sino a la clase, que sería: .input::placeholder{

Sino se te hace el cambio es porque ya tienes otra clase que esta afectando a placeholder y le esta dando prioridad.

En CSS tienes varias formás para hacer referencia a cambios de varias etiquetas .input es una clase input solo sería los selectores y #input hace referencia a un ID.

2
  • No, pero el en su html puede dentro de la etiqueta que quiere hacer el cambio llamar a esa clase y listo, super sencillo
    – iTeich12
    Commented el 20 nov. 2020 a las 22:27
  • Él amigo hizo referencia al archivo css cierto? le aclaré la duda desde mi punto de vista
    – iTeich12
    Commented el 20 nov. 2020 a las 22:28

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.