CSS/jQuery：僅用於輸入文本的背景顏色

我有一些只讀輸入。我只想讓這些輸入中的文本具有背景色。有沒有辦法用CSS/jQuery來完成這個工作？我已經試過：CSS/jQuery：僅用於輸入文本的背景顏色

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

和

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

但無論做了什麼。

2010-12-16 user460847

無法訪問「輸入」中的文本對象，或者整個輸入元素都獲取背景顏色，或者什麼都沒有。 – 2010-12-16 22:12:40

@ user460847「只是文本」是什麼意思？ – Phrogz 2010-12-16 22:16:38

使用lynxforest的回答，您可以設置整個領域的某一顏色的背景。

我知道你只想讓文字具有背景色，而不是整個字段。但這在INPUT字段中是不可能的。在另一種元素如DIV，你可以插入一個SPAN標籤：

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

但輸入字段可以沒有其他元素含量所以這招不起作用。

2010-12-16 22:15:43 thomaspaulb

謝謝，我會嘗試使用div使它看起來像只讀輸入。當它讓我時，我會接受你。 – user460847 2010-12-16 22:19:20

你試過了嗎？

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

2010-12-16 22:10:07 ggreiner

這將只設置背景顏色與發短信領域

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

2010-12-16 22:14:03 Fatih

['$（'input：text'）']（http://api.jquery.com/text-selector/）獲取更簡潔的版本。 – 2010-12-16 22:16:39

是的，你是對的，但這個版本也正常工作。 – Fatih 2010-12-16 22:18:31

是的，我不打算批評，只是提供一個指示/建議少打字的方法是全部。對不起，如果我冒犯了你，那不是我的意圖。 =） – 2010-12-16 22:21:11

回答