javascript - 选定行上的 CSS 边框过渡

Question

我创建了 HTML 表格，我想在用户单击该行(选定行)并保存新的边框颜色以了解该行被选中后进行“CSS 边框转换”

比如这个 URL 中第一个标签为“draw”的按钮

<i> http://codepen.io/giana/pen/yYBpVY/ </i>

但是我做不到，谁能帮帮我

Answer 1

您还需要在添加类时启用 :hover 样式(在我的代码 .active 中)并应用它用javascript类

所以

  &:hover{
    color: $yellow;
  }

会变成

  &:hover,
  &.active{
    color: $yellow;
  }

(所有相关的 等:hover 状态)

并且该类将使用此代码切换

$('button').on('click',function(){
  $(this).toggleClass('active')
});

在 http://codepen.io/gpetrioli/pen/QNrgYM 更新了演示