2010-12-16 15 views
1

私はいくつかの読み取り専用入力を持っています。私はこれらの入力のテキストに背景色をつけたいだけです。 CSS/jQueryでこれを実現する方法はありますか?CSS/jQuery:入力のテキストをそのまま入力するための背景色

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

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

をしかし、どちらも何をした:私が試してみました。

+1

'input'内のテキストオブジェクトにアクセスする方法はありません。' input'要素全体が背景色を取得するか、何もしません。 –

+0

@ user460847 "JUST the text"はどういう意味ですか? – Phrogz

答えて

1

と背景色を設定します。

フィールド全体ではなく背景色だけをテキストにしたいと思っています。しかし、これはINPUTフィールドでは不可能です。このようDIVなどの要素の別の種類では、SPANタグを挿入できます。

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

をしかし、このトリックは動作しませんので、入力フィールドは、コンテンツとして、他の要素を持つことはできません。

+0

ありがとう、私はそれを読み込み入力のように見せるためにdivsを使用しようとします。私はあなたを受け入れてくれます。 – user460847

1

試しましたか?

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

これはあなたが特定の色にフィールド全体の背景を設定することができますlynxforestの答えを使用して尋ねてみフィールド

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

['$( 'input:text')'](http://api.jquery.com/text-selector/)より簡潔なバージョンです。 –

+0

ええ、そうですが、このバージョンも正しく動作します。 – Fatih

+1

ええ、私は批判するつもりはありませんでした。ちょっとタイプの少ないアプローチのためのポインタ/提案を提供するだけです。申し訳ありませんが、私はあなたを怒らせました、それは私の意図ではありませんでした。 =) –

関連する問題