html - 如何在 Ie9 中禁用 Html 按钮的蓝色发光

Question

我知道以前有人问过这个问题，但我在让它在 IE9 中工作时遇到了一些困难。我有一个包含 3 个表单的 html 页面(因为每个表单都包含对网站上不同资源的请求)。 html 看起来像这样:

<form action="/SomeController1/Action" method="get"><button name="action" value="someValue">Request the first thing</button></form>
<form action="/SomeController2/Action" method="get"><button name="action" value="someValue">Request the second thing</button></form>
<form action="/SomeController3/Action" method="get"><button name="action" value="someValue">Request the third thing</button></form>

我试图禁用页面加载时所有三个按钮上显示的蓝色光晕。我觉得它看起来真的很困惑......

我尝试实现的解决方案似乎不起作用，它是:

button
{
    outline-width: 0px;
    outline: none;
}

无论如何，在 Firefox 或 Chrome 中没有出现发光，它似乎只出现在 IE 中。我想我可以只使用一个表单并在其中放置 3 个按钮，但这看起来更像是一种变通方法而不是解决方案。有没有办法使用 CSS 或 javascript 来做到这一点？任何帮助将不胜感激!

谢谢!

编辑 - 这是问题的图像:

Answer 1

I was just hoping to get rid of the blue color.

您不能就这样摆脱它，因为 Internet Explorer 使用系统主题中的 native 按钮。查看带有按钮的任何系统对话框，例如，当您更改墙纸时。

如果你愿意自己设计一个好看的按钮，你只能移除蓝色的内发光，从设置一个border/background开始(禁用使用原生风格)。