Firefox 中的 jquery .focus() : functionally it works, 但从视觉上看，它并没有

Question

经过一番研究，这似乎并不是一个罕见的问题。

正如我的标题所说，只是做

$("#myelement").focus();

有效，但从视觉上看焦点并未设置在该元素上。

有些人建议这样做

$("#myelement").trigger('focus');

再一次，这可行，但视觉上却行不通。

我不想做模糊或 setTimeOut 或 focusout 之类的事情，只是直接焦点。

注意:这只是 FireFox 中的问题，Chrome 中没有。

任何有关如何使其发挥作用的意见都将受到赞赏。在我们正在构建的这个产品中，我们大量使用了焦点。

Answer 1

所以，奇怪的是，www.google.com 网站是我的 friend ……从字面上看。我在 FF 中打开页面，注意到搜索表单下方的两个输入按钮也有一个焦点。检查了一下，他们似乎是在 css 中这样做的。

所以我的答案就是

input.btn:focus {
  enter style here;
}

我尝试了 setTimeOut、preventDefault 和其他一些小解决方法，但没有成功。从来不知道你可以在 CSS 中设置焦点，太酷了。

欢迎对此提出任何意见。