Bootstrap btn类,但不是悬停状态

Question

我知道bootstrap中有.btn类

<span class="btn" style="background-color: #82CFFD"><strong>R</strong></span>

它具有很好的样式,但是反应像按钮,悬停状态等等.是否有像.btn这样的引导类,但没有悬停状态,或者我们必须做到:(

Answer 1

我认为最简单的方法是将一些.nohover类添加到.btn具有与.btn类相同样式的所需元素中

HTML

<span class="btn nohover" style="background-color: #82CFFD"><strong>R</strong></span>

CSS

.btn.nohover:hover {
    /* here copy default .btn class styles */
    cursor:default !important;
    /* or something like that */
}

Answer 2

实现你想要的方法是设置你的按钮样式,btn-default然后添加active类:

<span class="btn btn-default active" style="background-color: #82CFFD"><strong>R</strong></span>

唯一需要注意的是按钮总是看起来"按下".如果您不希望按下按钮,则必须进行自定义覆盖.