html - Bootstrap btn 类，但不是悬停状态

Question

我知道bootstrap中有.btn类

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

它有漂亮的样式，但 react 像按钮、悬停状态等。 Bootstrap 类中是否有像 .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 */
}