CSS/jQuery: цвет фона для ТОЛЬКО текста во вводе

Question

У меня есть несколько исходных входов. Я хочу, чтобы текст на этих входах имел цвет фона. Есть ли способ сделать это с помощью CSS/jQuery? Я пробовал:

$('.show input').contents().css('background-color', '#F0444D'); 

и

$('.show input').children().css('background-color', '#F0444D'); 

Но ни делал ничего.

Answer 1

Использование lynxforest Ответим вы можете установить фон всего поля в определенный цвет.

Я понимаю, что вы хотите, чтобы текст имел цвет фона, а не все поле. Но это невозможно в поле INPUT. В другом типе элемента, такого как DIV можно вставить SPAN тег:

<DIV class="box"><SPAN>blabla</SPAN><DIV> 

но полей ввода не может иметь никаких других элементов, как содержание, так этот трюк не работает.

Answer 2

Вы пробовали?

$('.show input').css('background-color', '#F0444D'); 

Answer 3

это будет только установить фоновый цвет с переписывались полями

 
$('input[type=text]').each(function() { 
    if ($(this).val().length == 0) $(this).css('background', '#CCC') 
})