FooTable自定义切换按钮

Question

FooTable的小切换按钮来自以下css

.footable.breakpoint > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
    content: "\e000";
}

.footable.breakpoint > tbody > tr > td > span.footable-toggle:before {
    content: "\e000";
}

但是，我想将其替换为使用以下CSS和HTML的三角形

.arrow-down {
  width: 0; 
  height: 0; 
  padding: 0;
  margin: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 9px solid #000;
  position: relative;
  right: -6px !important;
}


 <div class="arrow-down"></div>

我不确定这是否可能，或者如何去做，所以任何建议都是很好的！

( FooTable切换图标http://fooplugins.com/footable/demos/icon-styles.htm的链接)

Answer 1

将arrow-down的样式添加到指定的选择器。试一试

.footable.breakpoint > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  width: 0; 
  height: 0; 
  padding: 0;
  margin: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 9px solid #000;
  position: relative;
  right: -6px !important;
}

.footable.breakpoint > tbody > tr > td > span.footable-toggle:before {
  width: 0; 
  height: 0; 
  padding: 0;
  margin: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 9px solid #000;
  position: relative;
  right: -6px !important;
}