如何在 Ie9 中禁用 Html 按钮的蓝色发光答案

【问题标题】：How To Disable Blue Glow For Html Button In Ie9如何在 Ie9 中禁用 Html 按钮的蓝色发光
【发布时间】：2011-10-12 14:47:59
【问题描述】：

我知道以前有人问过这个问题，但我很难让它在 IE9 中工作。我有一个 html 页面，其中包含 3 个表单（因为每个表单都包含对网站上不同资源的请求）。 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 来做到这一点？任何帮助将不胜感激！

谢谢！

编辑 - 这是问题的图片：

【问题讨论】：

标签： html css internet-explorer

【解决方案1】：

我只是希望摆脱蓝色。

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

如果您愿意自己设计一个看起来不错的按钮，则只能移除蓝色内发光，首先设置一个border/background（禁用使用原生样式）。

【讨论】：

谢谢，我想我现在更了解发生了什么：)

【解决方案2】：

“发光”是指边框吗？在这种情况下，就去做吧；

button { border: 0; }

【讨论】：

这很有趣。如果我关闭边框，它就不再像一个按钮了。我只是希望摆脱蓝色。页面加载后，我可以按 Tab 键多次键，当我通过按钮切换时，蓝色消失，但它们仍然看起来像按钮并且仍然有边框......虽然将边框设置为零解决了这个问题，它似乎也创造了另一个......

【解决方案3】：

我没有 IE 9 可以测试——但一般来说，在 CSS 中，你应该尝试

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

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

【讨论】：