IE中提交按钮的样式

Question

我有一个关于Internet Explorer提交按钮行为的问题。如果我加载页面，一切都正常 - 提交按钮看起来应该是这样的。 不活动状态 http://img58.imageshack.us/img58/7214/inactiveci9.jpg 但是，如果我在表格内单击，提交按钮会获得一些我不喜欢的额外样式（有关更多信息，请参见图像）。 如何禁用此行为。我在Vista下使用IE7。

- kleolb02

Answer 1

CSS：

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

不能保证，但这样做应该可以防止IE表现愚蠢。

您应该稍微扩展上述样式，例如更改背景颜色或边框颜色以提供替代变化来表示焦点。

（按Tab键，您会看到它移动；额外的样式是一个指示器，显示按下ENTER键将执行什么操作）

- Kent Fredric

---

为什么IE这么傻？它只是遵循标准的Windows UI约定。 - John Topley

@John，太好了，但是W3C和Windows哪个先来？ - Kent Fredric

W3C在哪里规定提交按钮应该长什么样？ - John Topley

Answer 2

这表示按钮已被聚焦。这对于键盘导航是必要的。您不应该将其删除。

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

- porneL

Answer 3

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

- BrynJ

Answer 4

这只是标准的Windows行为，即默认按钮即按Enter键时被点击的按钮会得到略微更厚的边框。

- John Topley