CSS Цвет текста ввода вводимого текста

У меня есть поле ввода, а цвет текста в нем черный. (Я использую jquery.placeholder). Скажем, в тексте есть "E-Mail"

Когда вы нажимаете на это поле, текст черного места исчезает (благодаря jquery.placeholder).

Любой текст, введенный в это поле, я хочу, чтобы он стал красным, и когда вы отмените выбор этого поля, я хочу, чтобы он оставался красным.

В настоящий момент текст с надписью "E-Mail" является черным, и все, что я набираю, красное, что отлично, но как только я отменил выбор, он возвращается к черному. Может кто-нибудь мне помочь? Я хочу, чтобы текст оставался красным даже после его отмены. Вот мой код

textarea:focus, input:focus {
    color: #ff0000;
}

input, select, textarea{
    color: #000;
}

Ответ 1

Измените свой второй стиль на это:

input, select, textarea{
    color: #ff0000;
}

В настоящий момент вы сообщаете форме, чтобы изменить текст на black после того, как фокус выключен. Вышеупомянутые средства защиты.

Кроме того, рекомендуется создавать стандартные стили состояний перед стилями :focus и :hover в вашей таблице стилей. Это помогает предотвратить эту проблему. Так

input, select, textarea{
    color: #ff0000;
}

textarea:focus, input:focus {
    color: #ff0000;
}

Ответ 2

Я всегда делаю подсказки ввода, например:

    <input style="color: #C0C0C0;" value="[email protected]" 
    onfocus="this.value=''; this.style.color='#000000'">

Конечно, если ваш пользователь заполняет поле, меняет фокус и возвращается в поле, поле снова будет очищено. Если вы сделаете это так, убедитесь, что вы хотите. Вы можете сделать это один раз, установив семафор, например:

    <script language = "text/Javascript"> 
    cleared[0] = cleared[1] = cleared[2] = 0; //set a cleared flag for each field
    function clearField(t){                   //declaring the array outside of the
    if(! cleared[t.id]){                      // function makes it static and global
        cleared[t.id] = 1;  // you could use true and false, but that more typing
        t.value='';         // with more chance of typos
        t.style.color='#000000';
        }
    }
    </script>

Ваш <input> поле выглядит следующим образом:

    <input id = 0; style="color: #C0C0C0;" value="[email protected]" 
    onfocus=clearField(this)>

Ответ 3

заменить:

input, select, textarea{
    color: #000;
}

с:

input, select, textarea{
    color: #f00;
}

или color: #ff0000;

Ответ 4

Чтобы добавить цвет к входу, используйте следующий код css:

input{
     color: black;
}

Ответ 5

Если вы хотите, чтобы текст заполнителя был красным, вам нужно настроить его непосредственно в CSS.

Написать:

input::placeholder{
  color: #f00;
}

Ответ 6

uhkhkjhkjhkjhkjhhhhhhhhhhhjjjjjjjhhhhhhu

jiji

jiji

jiji