当前位置:  开发笔记 > 前端 > 正文

在IE中提交按钮样式

如何解决《在IE中提交按钮样式》经验,为你挑选了2个好方法。

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

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

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

活跃的状态

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



1> Kornel..:

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

但是,如果您重视设计的可用性和可访问性,那么请尝试使用hideFocus属性(至少它没有那么有害blur()).



2> Kent Fredric..:

CSS:

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

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

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

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


@Kent - W3C在哪里指定提交按钮应该是什么样子?
为什么IE是愚蠢的?它只是遵循标准的Windows UI约定.
推荐阅读
小妖694_807
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有