html - IE8 + IE9 HTML 和 CSS 焦点

Question

我正在处理一个 HTML 页面，我们希望 input 字段和 select dropbox 周围有一个边框，因为它被选中并处于焦点状态。我在我的 CSS 中定义了一个输入类，如下所示:

input.highlight:focus {
border: #003366;
border-style: solid;
border-width: 2px;    
}

输入字段在我的 HTML 文件中定义如下:

<input class="highlight" name="attorneyName" id="attorneyName" type="text" value="John Jackson" size="50" maxlength="30">

焦点在 Chrome 中似乎工作正常，但在 IE 中，无论我做什么，焦点都停留在我的一个按钮上。该按钮似乎窃取了焦点属性，并且页面从不关注任何输入字段，因此在通过标签浏览时，这些字段从不显示为带有边框。这个问题的原因可能是什么？

Answer 1

在另一个线程中，有人能够指出 :focus 属性只能在 IE9 中识别。这解释了为什么 jsFiddle 版本可以正常工作。然而，当从我的本地驱动器运行 HTML 文件时，IE9 在 IE8 及更低版本的兼容模式下运行，并且永远不会识别 :focus 属性。