outline-style：none不作为一个类工作

Question

我想将outline-style: none;应用于我的html页面中的所有按钮。我创建了一个类：

.outlineNone {
    outline-style: none;
}

并将课程分配给我的所有按钮。但它似乎不起作用。它似乎只有在我使用html内联样式时才会起作用。

任何人都可以向我解释为什么会这样吗？

为了澄清，我想摆脱点击下图所示按钮后出现的蓝色矩形：

Answer 1

代替outline-style只需使用outline，此外，您可以通过将button设置为0来重置border样式

像这样：

.outlineNone {
    outline:0;
    border:0;
}

Answer 2

尝试：

.outlineNone {
    outline-style: none !important;
}

一些其他结构似乎是一个问题，它修改了比一个类更重要的大纲样式。 （它可以是ID或Button类本身）