Изменить цвет заполнителя

Следуйте этой статье (Стиль ввода текста, я могу изменить цвет текстового ввода заполнителя на красный цвет. Но он всегда светло-красного цвета, а не красного цвета.

Есть ли способ сделать его красным цветом?

Обновление

Цвет в Chrome красный (это правильно), цвет в Firefox не красный, он светло-красный или размытый, я догадался, что.

EDIT (из ответа OP):

Пожалуйста, проверьте этот пример (http://jsfiddle.net/LQkQG/), цвет краснеет в Chrome, но light-red в Firefox. Я хочу, чтобы цвет в Firefox был таким же с Chrome.

Ответы

Ответ 1

Я нашел, что вам нужно переопределить непрозрачность.

::-webkit-input-placeholder { /* WebKit browsers */
    color:    red;
     opacity: 1 !important;
}

Ответ 2

Да, установив его значение через HEX (шестнадцатеричный), вы получите лучший контроль над тем, какой цвет использовать. Цвет для ярко-красного (красного цвета): #FF0000

В Firefox, однако, для повстанцев нужно сказать, какую непрозрачность использовать.

Для справки посмотрите этот график

::-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;
}

Ответ 3

Введите шестнадцатеричное значение для цвета.

Возможно, используйте инструмент, например http://www.colorpicker.com/?

Ответ 4

посетите: 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>

вместо цветового кода вы можете написать, какой цвет вы хотите