我可以让Firefox不在链接上显示丑陋的虚线焦点轮廓:
a:focus {
outline: none;
}
Run Code Online (Sandbox Code Playgroud)
但是我怎样才能为<button>标签做这个呢?当我这样做:
button:focus {
outline: none;
}
Run Code Online (Sandbox Code Playgroud)
单击按钮时,按钮仍然具有点状焦点轮廓.
(是的,我知道这是一个可用性问题,但我想提供适合设计的焦点提示,而不是丑陋的灰点)
表单中输入的预期行为似乎在HTML 4.01规范中未定义,而HTML 5规范说它应该是表单中的第一个提交按钮.
当表单具有焦点时,Internet Explorer(IE)通过添加专有边框或其他内容突出显示表单中的第一个按钮.其他浏览器不添加这样的视觉线索.
我想使用另一个按钮作为默认设置并设置此按钮的样式,以便所有浏览器都提供一个可视线索,它是默认按钮.(我们使用的是每页使用一个表单的ASP.NET,因此很难设计页面,以便始终首先使用默认按钮.)
虽然我可以在大多数浏览器中使用javascript和css轻松完成此操作,但我无法让IE停止突出显示第一个按钮.
有没有办法告诉IE不突出显示第一个提交按钮或突出显示不同的按钮?还是有其他一些我错过的解决方案?