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