html - Bootstrap 按钮悬停继承类

Question

简而言之，我有一个 .btn-info 按钮，当我将鼠标悬停在它上面时，我想将类更改为 .btn-danger。显然，当我不再悬停时，我希望默认类是 .btn-info。我如何使用 CSS 完成此操作？

Answer 1

这段 jQuery 代码会做你想做的事，只需要再给你一个按钮类 .my-btn。

$('.my-btn').on({
  mouseenter: function() {
    $(this).removeClass('btn-info').addClass('btn-danger');
  },
  mouseleave: function() {
    $(this).addClass('btn-info').removeClass('btn-danger');
  }
});

codepen