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