我正在实现一个使用自定义样式提交按钮的设计.它们是非常简单的浅灰色按钮,外边缘稍暗:
input.button {
background: #eee;
border: 1px solid #ccc;
}
Run Code Online (Sandbox Code Playgroud)
这在Firefox,Safari和Opera中看起来恰到好处.问题出在Internet Explorer 6和7上.
由于表单是页面上的第一个表单,因此它被视为主要表单 - 因此从get go开始活动.活动表单中的第一个提交按钮在IE中接收纯黑色边框,以将其标记为主要操作.
如果我关闭边框,那么IE中的黑色额外边框也会消失.我正在寻找一种方法来保持我的正常边界,但删除轮廓.
表单中输入的预期行为似乎在HTML 4.01规范中未定义,而HTML 5规范说它应该是表单中的第一个提交按钮.
当表单具有焦点时,Internet Explorer(IE)通过添加专有边框或其他内容突出显示表单中的第一个按钮.其他浏览器不添加这样的视觉线索.
我想使用另一个按钮作为默认设置并设置此按钮的样式,以便所有浏览器都提供一个可视线索,它是默认按钮.(我们使用的是每页使用一个表单的ASP.NET,因此很难设计页面,以便始终首先使用默认按钮.)
虽然我可以在大多数浏览器中使用javascript和css轻松完成此操作,但我无法让IE停止突出显示第一个按钮.
有没有办法告诉IE不突出显示第一个提交按钮或突出显示不同的按钮?还是有其他一些我错过的解决方案?