Изменить цвет текста в фокусе и оставить его таким же после того, как фокус ушел (вкл. размытие) ⇐ CSS

[Anonymous]

Вопрос по CSS и, возможно, Javascript. Я хочу, чтобы альтернативные строки имели разные цвета, а текст по умолчанию был серого цвета. Однако, как только поле ввода получит фокус, я хочу, чтобы новый текст был черным, а затем оставался черным после того, как поле больше не имеет фокуса. Вот что я сделал на данный момент:

ввод { семейство шрифтов: Verdana, Trebuchet MS; размер шрифта: 11 пикселей; вертикальное выравнивание: сверху; } ввод: фокус { черный цвет; } input.odd { цвет: #888; фон: #FFFFB4; } input.even { цвет: #888; фон:#FFD9C8; } Этот код отвечает моим требованиям: чередующиеся строки должны иметь разные цвета, а текст по умолчанию должен быть серого цвета. Однако новый текст серый, а не черный. Тогда как мне сделать так, чтобы новый текст оставался черным?

ОБНОВЛЕННЫЙ CSS

ввод { семейство шрифтов: Verdana, Trebuchet MS; размер шрифта: 11 пикселей; вертикальное выравнивание: сверху; } input.odd { цвет: #888; фон: #FFFFB4; } input.even { цвет: #888; фон:#FFD9C8; } input.odd:focus, input.even:focus, input.odd.hasText, input.even.hasText { черный цвет; } НОВЫЙ КОД jQuery
$('input').focus(function() { $(this).addClass('hasText'); });