Javascript 单击元素可以设置焦点，但不能设置光标？

我有一个html页面，其中我将焦点设置在加载的第一个输入元素上。我可以看到焦点被设置，因为我要求元素的背景变成橙色，我可以看到橙色背景。但是，光标不会显示在元素中

然后，当我单击其他输入元素时，我可以看到焦点移动到它们，但仍然没有显示光标。光标仅在我使用tab键时出现

请有人向我解释为什么会发生这种情况，以及我如何在不使用tab键的情况下使光标出现

这只适用于IE8。（这是一个内部网站）

我如何设置焦点所需的代码：

$(document).ready(function(){
    $('#rachel').focus();
});

编辑

---

我没想到会提到这个问题发生在一个看起来像层一样实现的弹出窗口上。图层是否可以阻止光标？

您使用什么代码设置焦点？您使用什么代码设置焦点？听起来像是一个奇怪的CSS事情。。。或者是一只臭虫。你使用的是什么CSS和哪个版本的IE？它是IE8，我不知道CSS的版本，但我知道它不是有效的CSS（我知道这是个问题…）。即使有人能向我解释焦点和光标是如何关联的，那也太好了。我不确定真正的答案，但我发现不同浏览器之间的行为是零星的。另外，调用.focus（）似乎与实际单击对我来说毫无意义的元素略有不同。需要寻找的一件事是$（“#rachel”）上的焦点事件处理程序，它返回false或取消传播。还可以尝试手动单击输入元素，查看是否出现闪烁的光标。