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

Question

我正在使用Firefox 10,Windows 7并且不确定旧版本,但是当我点击按钮时,按钮周围会出现蓝色边框.

我创建了以下示例.

我用下面的css删除了虚线,但我也不想要蓝色边框.我无法想象如何删除它或甚至可以删除？

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

下面不起作用......

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

这是我正在谈论的邪恶的蓝色边界.

在此输入图像描述

Answer 1

这是Firefox的UI,无论是主题还是无.不是你从编码中得到的东西.

如果它让你很烦恼,你可以重置它并定义自己的风格.这是一个重置规则.

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

您可以稍后在其上添加样式.这是一个演示.您可以定义自定义状态的hover,visited,active就像你想要的方式.