css - CSSのヒット時にテキスト入力の境界線の色を変更する

Question

CSSのヒット時にテキスト入力の境界線の色を変更する

こんにちは

私はこのhtmlフィールドを持っています

<input type=text value=test id=ff>

このCSSコードを使用して境界線を設定しています

#ff{
border:1px #000 solid
}

フィールドをクリックしたときに境界線の色を（赤）に変更したい

例: Google 検索フィールド、検索フィールドをヒットして何かを書き込むと、境界線が青色に変わります

Answer 1

#ff:focus {border-color: #f00; }

IE7 では、JavaScript (特に jQuery) を使用できます。次に例を示します。

<style>
    #ff:focus,
    #ff.focus {border-color: #f00; }
</style>

<!--[if lte IE 7]>
<script>
$('#ff').focus(function() {
    $(this).addClass('focus');
}).blur(function() {
    $(this).removeClass('focus');
});
</script>
<![endif]-->