如何让按钮的颜色不改变onclick

Question

大家好，这可能是一个简单的问题，但似乎无法在引导程序中弄清楚我有一个简单的按钮：

<button type="button"  class="btn btn-warning" data-toggle="modal" data-target="#myModal">Kontakta oss</button>

我已经在CSS等编辑了但是当它点击时它周围有一个巨大的蓝色边框，单击时颜色变为橙色。

我想这样，颜色保持不变，现在是黑色，边框根本不会改变颜色，我只是不确定这个类的名称是什么

所以它不是:Hover类click class，而是再次不知道它叫什么或visit某事

谢谢

编辑：

你可以看到第一个按钮是它的样子，但是当它被点击时，几秒钟它会变成橙色然后再变回黑色，我希望当用户点击它时它没有改变颜色

Answer 1

这是一个特定于Bootstrap的问题，因为您正在使用一个样式化按钮的Bootstrap类。要覆盖它，请使用：

.btn-warning.active, .btn-warning:active, .open > .dropdown-toggle.btn-warning {
    /* STYLES GO HERE */
    color:white!important;
    background-color:black!important;
    border-color:white!important;
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<button type="button"  class="btn btn-warning" data-toggle="modal" data-target="#myModal">Kontakta oss</button>

注意：在我的示例代码中，由于SO加载代码段CSS的方式，我使用!important来覆盖默认的Bootstrap样式。这是不好的做法，只要在加载了 加载Bootstrap CSS后加载这些覆盖，这就不是必需的。