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') 
})