在css命中时更改文本输入边框颜色

Question

在css

命中时更改文本输入边框颜色

您好

我有这个html字段

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

我正在使用此css代码设置边框

#ff{
border:1px #000 solid
}

当我点击字段时，我想将边框颜色更改为（红色）

例如：谷歌搜索字段，当你点击搜索字段写任何东西时，边框将变为蓝色

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]-->