Javascript 如何在IE中聚焦HTML复选框，使其突出显示

我在编程上遇到了一些问题，导致HTML复选框对象在获得焦点后高亮显示。下面是我正在使用的代码的一个简单示例：

<script type="text/javascript">
    function doIt(){
        document.getElementById("theCheckbox").focus();
    }
</script>

<input type="button" onClick="doIt()" value="Push Me">
<br/>
<input type="checkbox" id="theCheckbox">

函数doIt（）{
document.getElementById（“theCheckbox”）.focus（）；
}

单击“按我”按钮可使复选框获得焦点。我知道这一点，因为如果单击按钮后点击空格键，复选框将被选中。但是，复选框在任何时候都不会突出显示。在以下情况下，我所说的突出显示类型在IE中很自然地起作用

按Tab键，直到“按我”按钮以虚线显示。现在再次点击“推我”按钮。复选框应该在我试图以编程方式创建的虚线中勾勒出来（不必先按Tab键来搞乱）

我似乎只有在弄乱Tab键后才能达到所需效果的图像：

---

这一切都是在IE7中完成的。

您可能看到的是不同的浏览器实现，即当复选框具有焦点时如何突出显示复选框

您指的是哪个浏览器

在FireFox中，高亮显示的复选框有一个略带橙色的边框和一条非常微弱的虚线

---

IE6当复选框有焦点时，似乎不会给出任何指示，只有当您将鼠标悬停在复选框上方时，才会得到一个可视提示，表明该复选框是可检查的（略带橙色边框）。

我没有IE7，但尝试一下。。。（在IE6中使用葡萄酒）

函数doIt（）{
document.getElementById（“theButton”）.blur（）；
document.getElementById（“theCheckbox”）.focus（）；
}

我试图复制这个错误，我成功了，但我也注意到了其他一些东西

如果我首先用tab键选择页面上的任何元素（即，不一定是复选框），然后单击按钮，则焦点突出显示会按预期工作

---

这真的让我相信这是一个你可能无法回避的浏览器问题。

@Pedro-一定是葡萄酒，在聚焦之前按按钮模糊仍然不会在IE 6中产生聚焦视觉提示查看此屏幕截图：@Pedro-你在测试期间是否按过Tab键？看起来你们已经发现，这只适用于按tab键实例化（缺少更好的术语）虚线焦点大纲上面所做的一切都是IE7，它支持某种形式的复选框大纲（如SS所示）。我得再核实一下我们应该正式支持哪一个。如果是IE6，也许这甚至不是我需要担心的问题。这就引出了一个问题，我可以用什么方法模拟IE7中的tab select操作？

<script type="text/javascript">
    function doIt(){
        document.getElementById("theButton").blur();
        document.getElementById("theCheckbox").focus();
    }
</script>

<input type="button" id="theButton" onClick="doIt()" value="Push Me">
<br/>
<input type="checkbox" id="theCheckbox">