如何在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

  

我只是希望摆脱蓝色。

您无法摆脱它，因为Internet Explorer使用系统主题中的本机按钮。使用按钮查看任何系统对话框，例如更改壁纸时。

如果你愿意自己设计一个像样的按钮，你可以只删除蓝色的内部发光，首先设置border / background（禁用使用原生样式）。

Answer 2

用'发光'你的意思是边界？在这种情况下，只是做;

button { border: 0; }

Answer 3

我没有IE 9来测试---但一般在CSS中，你应该尝试

button:focus {
    outline:none;
    box-shadow:none;
}

改编自"Removing the blue glow from an HTML text input when selected"。