0

私の背景色が赤だとしましょう。入力テキストフィールドを赤で表示したいのですが、入力フィールド内をクリックして入力すると、規則的なテキストフィールドになります。もちろん、入力フィールドでアクティブでない場合は、元の状態（赤）に戻る必要があります。

それは実際にあなたがかなり頻繁に見るものです。トグルクラスを使うことを考えましたか？

私の入力フィールドはすべてjQueryで追加されます

前もって感謝します

4

3 に答える 3

3

CSS3の新しい疑似クラス、ここで：focusセレクターを試してください...

http://www.w3.org/TR/css3-selectors/#the-user-action-pseudo-classes-hover-act

CSSの例：

textarea:focus, input:focus {  
    background:#f00;  
    border:3px solid #0f0;  
}

お役に立てば幸いです、-fs

于 2011-01-10T19:53:19.787 に答える
1

css classまたはスタイルプロパティを使用してこれを行うことができます。

css：

.red {
    background-color: red;
}

js：

$(function() {
    $('input').bind('focusin', function() {
       $(this).removeClass('red');
    }).bind('focusout', function() {
       $(this).addClass('red');
    }).trigger('focusout');
});

例：

http://www.jsfiddle.net/NdyGJ/

于 2011-01-10T19:54:37.570 に答える
1

これを試して：

$('input').bind('focusin focusout', function() {
    $(this).toggleClass('red');
});

ここに例を作成しました：http： //jsfiddle.net/FBPaA/

Chrome、Firefox、IEで動作します

于 2011-01-10T19:58:40.157 に答える