Цвет курсора ввода

Question

Как изменить цвет содержимого в тексте ввода типа HTML при вводе некоторого значения. А также цвет курсора, когда он имеет фокус.

Answer 1

Изменение цвета при вводе контента легко:

input:focus { color: yellow }

не поддерживается IE7 и ниже. Таблица совместимости здесь .

Насколько я знаю, изменение цвета курсора определенно невозможно. Обычно он принимает цвет содержимого текста, что в большинстве случаев должно быть хорошо.

Answer 2

Используйте color, чтобы указать цвет текста. Используйте caret-color, чтобы указать цвет каретки.

HTML

<input class="examples" />
<textarea class="examples"></textarea>

CSS

.examples {
  color: gray;
  caret-color: red;
}

Answer 3

Используйте современный CSS!

input {
    caret-color : red;
}
input:focus {
    color : yellow;
}