如何使html按钮点缀在线显示

时间:2012-04-30 17:43:31

标签: javascript jquery html

我正在尝试添加javascript来设置Focus on a button,并希望按钮看起来就像用户通过HTML Form访问按钮时所做的那样。

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

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

但虚线当用户“选中”该按钮时会出现。

我希望除了$("#myBtn").focus()“之外还能做什么吗?

2 个答案:

答案 0 :(得分:0)

你可以使用css属性:

`outline`

答案 1 :(得分:0)

可以在IE7兼容模式下运行,也可以使用错误的doctype 有关更多信息和可能的解决方案,请参阅此类似问题:CSS 'outline' property in IE, and jQuery errors