選択すると、テキスト入力のCSSをどのように変更しますか？

Question

テキストボックスが選択されたときに<input type="text">のCSSを変更したいです。つまり、ユーザーがテキストボックスをクリックしたときには、異なるCSSルールを適用する必要があります。純粋なCSSを使ってこれを行う方法はありますか？

Answer 1

は、あなたが焦点に擬似クラスを試してみましたで

:focus 

詳細：http://reference.sitepoint.com/css/pseudoclass-focusは

Answer 2

はい。疑似クラス:focusを使用して選択します。

デモhttp://dabblet.com/gist/1490497

Answer 3

あなたはCSSに以下を使用することができます

E ::選択

ここで、Eは要素です。

http://www.456bereastreet.com/archive/200601/css_3_selectors_explained/

はまた

$('#element').attr('class', 'new value'); 

Answer 4

<script> 
function change(objNum){ 
    var objName = "txtbox"; 
    window.alert(objNum); 

    document.getElementByID(objName).className = "franchlinks"; 

} 
</script> 

<input type="text" class="yourdefaultclass" id="txtbox1" onclick="change('txtbox1');"> 

はこのようにしてみ使用してjqueryのを使用することができます。失われたフォーカスのためにonclickではなくonblurを試すことができます。

Answer 5

（テキスト、提出し、チェックボックス、ファイル、隠し、画像、パスワード、ラジオ、リセット）任意の入力フィールドを選択し、テキストのみ

input[type="text"]:focus{background-color:yellow;} 

の属性を持つ入力フィールドを選択し

input:focus{background-color:yellow;} 

あなたはスムーズなアニメーション効果を達成するために探しているが場合によってCSSだ任意のテキストエリアを選択し

textarea:focus{background-color:yellow;} 

OKフォーカス/ぼかしをより詳細に制御できるようにするには、JQueryやその他のJavaScriptフレームワークを使用する方がよいでしょう。