Firefox中的jquery .focus（）：功能上它可以工作，但在视觉上，它没有

Question

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

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

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

有效，但在视觉上看不出焦点是在该元素上设置的。

有些人建议做

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

再次，这是有效的，但在视觉上它没有。

我不打算做模糊或setTimeOut或聚焦这样的东西，只是笔直 焦点。

注意：这只是FireFox中的问题，而不是Chrome中的问题。

如何使这项工作受到赞赏。我们在这个正在建设的产品中使用了相当多的重点。

Answer 1

所以，奇怪的是，网站www.google.com就是我的朋友......字面意思。我在FF中打开了页面，注意搜索表单下面的两个输入按钮也有焦点。检查了它，他们似乎是在css中做的。

所以我的答案就是

input.btn:focus {
  enter style here;
}

我尝试了setTimeOut，preventDefault和其他一些小的解决方法无济于事。从来不知道你可以在CSS中设置焦点，非常酷。

欢迎提出任何意见。