Question

我有一个关于Internet Explorer提交按钮行为的问题。如果我加载页面，一切都很好 - 提交按钮看起来应该是这样的。

非活跃状态 http://img58.imageshack.us/img58/7214/inactiveci9.jpg

但是，如果我点击表格内部，提交按钮会获得一些我不喜欢的额外样式（更多信息请参见图像）。

将此翻译成中文：活动状态

我该如何禁止这种行为。我在Vista下使用IE7。

Answer 1

CSS：层叠样式表

input:focus, 
input:active, 
input:hover 
{ 
   outline: none; 
   border: 1px solid; 
}

不能保证，但据说可以解决IE的愚蠢问题。

你应该稍微扩展一下以上的样式，例如，改变背景颜色或边框颜色，以表示焦点的另一种改变。

按下Tab键，您会看到它移动;)，附加样式是指示在按下ENTER键后将执行的操作。

Answer 2

这说明按钮已被聚焦。这对于键盘导航很重要。你不应该删除它。

如果您更注重设计外观而非可用性和可访问性，则可以尝试使用hideFocus属性（至少它不像blur()那样有害）。

Answer 3

我在IE中遇到了相同的行为。据我所知，防止该行为的唯一方法是将按钮边框属性设置为无 - 不理想，因为这显然会影响按钮的样式。

Answer 4

这只是标准的Windows行为，当您按Enter键时，缺省按钮即获得略微更加粗的边框。