it-swarm.com.ru

CSS Поле ввода Цвет текста введенного текста

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

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

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

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

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

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

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

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

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

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

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

textarea:focus, input:focus {
    color: #ff0000;
}
47
Jason Gennaro

Я всегда делаю подсказки ввода, как это:

    <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's 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)>
2
oldmoses

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

Написать:

input::placeholder{
  color: #f00;
}
0
Dino Senjkovic

заменить:

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

с:

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

или color: #ff0000;

0
angrydust

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

input{
     color: black;
}
0
Codemaker