У меня есть поле ввода, а цвет текста в нем черный. (Я использую jquery.placeholder). Скажем, в тексте есть "E-Mail"
Когда вы нажимаете на это поле, текст черного места исчезает (благодаря jquery.placeholder).
Любой текст, введенный в это поле, я хочу, чтобы он стал красным, и когда вы отмените выбор этого поля, я хочу, чтобы он оставался красным.
В настоящий момент текст с надписью "E-Mail" является черным, и все, что я набираю, красное, что отлично, но как только я отменил выбор, он возвращается к черному. Может кто-нибудь мне помочь? Я хочу, чтобы текст оставался красным даже после его отмены. Вот мой код
textarea:focus, input:focus {
color: #ff0000;
}
input, select, textarea{
color: #000;
}
Измените свой второй стиль на это:
input, select, textarea{
color: #ff0000;
}
В настоящий момент вы сообщаете форме, чтобы изменить текст на black после того, как фокус выключен. Вышеупомянутые средства защиты.
Кроме того, рекомендуется создавать стандартные стили состояний перед стилями :focus и :hover в вашей таблице стилей. Это помогает предотвратить эту проблему. Так
input, select, textarea{
color: #ff0000;
}
textarea:focus, input:focus {
color: #ff0000;
}
Я всегда делаю подсказки ввода, например:
<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)>
заменить:
input, select, textarea{
color: #000;
}
с:
input, select, textarea{
color: #f00;
}
или color: #ff0000;
Чтобы добавить цвет к входу, используйте следующий код css:
input{
color: black;
}
Если вы хотите, чтобы текст заполнителя был красным, вам нужно настроить его непосредственно в CSS.
Написать:
input::placeholder{
color: #f00;
}
uhkhkjhkjhkjhkjhhhhhhhhhhhjjjjjjjhhhhhhu
jijijijijiji