在IE中提交按钮样式

Posted 2023-02-06

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

Inactive state http://img58.imageshack.us/img58/7214/inactiveci9.jpg

但是，如果我在FORM中单击，则提交按钮会获得一些我不喜欢的其他样式（有关更多信息，请参阅图像）。

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

答案

CSS：

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

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

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

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

另一答案

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

但是，如果您重视设计的可用性和可访问性，那么请尝试使用hideFocus属性（至少它不像blur()那样有害）。

另一答案

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

另一答案

这只是标准Windows行为的默认按钮 - 即。如果按Enter键，则单击该按钮会获得稍微粗的边框。