css - IE中的提交按钮样式

Question

我对 Internet Explorer 的提交按钮行为有疑问。如果我加载页面一切都很好 - 提交按钮看起来应该。

但是，如果我在 FORM 内单击，提交按钮会获得一些我不喜欢的额外样式（有关更多信息，请参见图片）。

如何禁用此行为。我在 Vista 下使用 IE7。

score 5 · Accepted Answer

CSS：

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

没有保证，但这应该可以阻止 IE 变得愚蠢。

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

（按 Tab，您会看到它移动；），附加样式是一个指示器，显示按 ENTER 后将执行的操作）

score 4 · Accepted Answer

这表示按钮已聚焦。键盘导航需要它。你不应该删除它。

但是，如果您将设计的外观看重于可用性和可访问性，那么请尝试hideFocus属性（至少它没有有害blur()）。

score 2 · Accepted Answer

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

score 1 · Accepted Answer

这只是标准的 Windows 行为，其中默认按钮（即按 Enter 时单击的按钮）的边框稍厚。

4 回答 4