javascript - 如何使带点内联的html按钮出现

Question

我正在尝试添加 javascript 以将焦点设置在按钮上，并希望使按钮看起来就像用户通过 HTML 表单“选项卡”到达按钮时的样子。

我正在处理的页面有一个按钮元素： <input type="Submit" id="myBtn" class="myBtnClass >

在 javascript 函数中，我使用以下方法设置焦点： $("#myBtn").focus() 调用此函数时，我可以看到按钮图像的变化。此外，当我单击“Enter”时，表单确实被提交。但是，在这种情况下，当图像发生变化时，我看不到通常出现在按钮上的“虚线内联”。

但是当用户“选项卡”到该按钮时，会出现虚线。

我是否应该做除$("#myBtn").focus()" 之外的任何事情？

Answer 1

您可以使用 css 属性：

`outline`

Answer 2

可能是在 IE7 兼容模式下运行，或者使用了错误的文档类型。
有关更多信息和可能的解决方案，请参阅此类似问题：IE 中的 CSS 'outline' 属性和 jQuery 错误