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

【问题标题】：change text input border color on hit by csscss命中时更改文本输入边框颜色
【发布时间】：2012-05-11 23:30:52
【问题描述】：

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

你好

我有这个 html 字段

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

我正在使用这个 css 代码来设置边框

#ff{
border:1px #000 solid
}

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

例如：google搜索栏，当你点击搜索栏写任何东西时，边框会变成蓝色

【问题讨论】：

标签： css

【解决方案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]-->

【讨论】：

非常感谢，它工作正常.. 但为什么它不适用于 IE 7？我如何在 IE7 中使用它？
IE7 浏览器太旧，不支持:focus 伪类。如果需要，您可以使用 JavaScript。但考虑到它不是一个关键功能，在这种情况下不关心 IE7 是完全可以的。