css - 如何在Firefox中删除按钮周围的蓝色边框？

我正在使用Firefox 10，Windows 7，但不确定较旧的版本，但是当我单击按钮时，按钮周围会出现蓝色边框。

我创建了下面的示例。

http://jsfiddle.net/dEvKb/58/

我删除了下面带有css的虚线，但我也不想使用蓝色边框。我不知道如何删除它，甚至有可能删除它？

button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner
{
    border: none;
    outline: none;
}

下面没有工作...

input[type="button"]:visited
{
    outline: none;
    border: none;
}

我在说的是邪恶的蓝色边框。

最佳答案

这就是Firefox的UI，无论是主题主题还是无主题。您不是从编码中得到的东西。

如果麻烦太多了，可以重置它并定义自己的风格。这是一个重置规则。

button { background: none transparent; border: none; }

Check here

您可以稍后添加样式。这是一个demo。您可以按照自己的方式为hover，visited和active定义自定义状态。