css - change - placeholder color bootstrap
Cambiar el marcador de posición de entrada de color más oscuro (4)
He encontrado que necesitas anular la opacidad.
::-webkit-input-placeholder { /* WebKit browsers */
color: red;
opacity: 1 !important;
}
Siga este artículo ( marcador de posición de entrada de texto de estilo ), puedo cambiar el color del marcador de posición de entrada de texto a color rojo. Pero siempre es un color rojo claro, no exactamente rojo.
¿Hay alguna manera de hacer que sea un color rojo exactamente?
actualizar
El color en Chrome es rojo (esto es correcto), el color en Firefox no es rojo, es rojo claro o borroso, supongo.
EDITAR (de la respuesta OP):
Verifique este ejemplo ( http://jsfiddle.net/LQkQG/ ), el color es rojo en Chrome, pero light-red en Firefox. Quiero el mismo color en Firefox con el Chrome.
Introduzca un valor hexadecimal para el color.
Tal vez use una herramienta como http://www.colorpicker.com/ ?
Sí, al establecer su valor a través de HEX (hexadecimal), obtienes un mejor control de qué color usar. El color para rojo brillante (tan rojo como es) es #FF0000
Firefox, sin embargo, es un rebelde que necesita que se le diga qué opacidad usar.
Para referencia eche un vistazo a esta tabla
::-webkit-input-placeholder {
color: #FF0000;
opacity: 1 !important; /* for older chrome versions. may no longer apply. */
}
:-moz-placeholder { /* Firefox 18- */
color: #FF0000;
opacity: 1 !important;
}
::-moz-placeholder { /* Firefox 19+ */
color: #FF0000;
opacity: 1 !important;
}
:-ms-input-placeholder {
color: #FF0000;
}
visite: http://www.w3schools.com/html/html_colors.asp
<html>
<head>
<style type="text/css">
input, textarea { color: #000; }
.placeholder { color: #aaa; }
</style>
</head>
<body>
<form action="" method="post">
<input type="text" name="user" placeholder="enter a text" />
<input type="submit" value="submit" onclick="test()" />
</form>
en el lugar del código de color puede escribir el color que desee